Merge branch 'dev' of https://github.com/tabler/tabler into dev-onboarding

.changeset/angry-bananas-brake.md

@@ -3,4 +3,4 @@
 "@tabler/preview": minor
 ---
 
-Added Pay page with dedicated layout, navigation link, and card/PayPal payment form.
+Added new "Pay" page with dedicated layout, navigation link, and payment form (card + PayPal).

.changeset/bootstrap-exports-cleanup.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Refactored Bootstrap exports to use single source of truth in `bootstrap.js` and removed duplicate exports from `tabler.js` for better maintainability.

.changeset/btn-icon-square.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Fixed `.btn-icon` to be square by aligning `min-width` calculation with base `.btn` formula.

.changeset/card-gradient-components.md

@@ -1,6 +0,0 @@
----
-"@tabler/core": minor
----
-
-Added `.card-gradient` component with gradient variants, direction modifiers, and animated backgrounds.
-

.changeset/card-gradients-page.md

@@ -1,6 +0,0 @@
----
-"@tabler/preview": minor
----
-
-Added new `card-gradients.html` page showcasing various gradient card styles and components.
-

.changeset/change-password-modal.md

@@ -1,6 +0,0 @@
----
-"@tabler/preview": minor
----
-
-Added Change Password modal with current password, new password with strength indicator, confirm password validation, and show/hide password toggles.
-

.changeset/chilled-pans-cheer.md

@@ -2,4 +2,4 @@
 "@tabler/preview": minor
 ---
 
-Added color palette to signing component.
+Add a color palette in the signing component

.changeset/confirm-delete-modal.md

@@ -1,6 +0,0 @@
----
-"@tabler/preview": minor
----
-
-Added Confirm Delete modal with warning icon, confirmation checkbox, and JavaScript validation to enable delete button only when confirmed.
-

.changeset/crypto-dashboard.md

@@ -1,6 +0,0 @@
----
-"@tabler/preview": minor
----
-
-Added new Crypto Dashboard page with cryptocurrency portfolio overview, market data, and order history.
-

.changeset/crypto-data-files.md

@@ -1,6 +0,0 @@
----
-"@tabler/preview": patch
----
-
-Added crypto markets and orders data files (`crypto-markets.json`, `crypto-orders.json`) for cryptocurrency dashboard functionality.
-

.changeset/curvy-timers-sneeze.md

@@ -2,4 +2,4 @@
 "@tabler/core": patch
 ---
 
-Fixed icon alignment for `.btn-sm` and `.btn-xl` sizes.
+Fix icon alignment for `.btn-sm` and `.btn-xl` sizes

.changeset/edit-profile-modal.md

@@ -1,6 +0,0 @@
----
-"@tabler/preview": minor
----
-
-Added Edit Profile modal with avatar upload, personal information fields, social links, and date of birth.
-

.changeset/eleven-trainers-sip.md

@@ -1,5 +0,0 @@
----
-"@tabler/preview": patch
----
-
-Update Tabler Icons to v3.35.0

.changeset/fix-border-color-translucent-dark.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Updated `$border-color-translucent-dark` from `rgba(72, 110, 149, 0.14)` to `rgba(128, 150, 172, 0.2)` to improve visibility of form checkboxes and other form elements in dark mode.

.changeset/fix-input-icon-z-index.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Fixed `.input-icon-addon` z-index issue with form validation feedback and added default height.

.changeset/fix-status-colors-variables.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Fixed status color classes to use CSS variables instead of hardcoded values and include social colors (bitbucket, facebook, etc.) in status class generation.

.changeset/fix-white-space-scrollbar.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Fixed white space on left side when scrollbar is present by replacing `margin-inline-start: calc(100vw - 100%)` with `scrollbar-gutter: stable` on `html` element, with `overflow-y: scroll` fallback for unsupported browsers.

.changeset/flags-avatars-updates.md

@@ -1,6 +0,0 @@
----
-"@tabler/core": patch
----
-
-Updated flags and avatars styling for better visual consistency.
-

.changeset/fresh-rockets-retire.md

@@ -2,4 +2,4 @@
 "@tabler/core": patch
 ---
 
-Fixed mixed declarations in SCSS.
+Fix mixed declarations in SCSS

.changeset/funny-kings-double.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Update SCSS to use logical properties

.changeset/geist-fonts.md

@@ -1,7 +0,0 @@
----
-"@tabler/core": minor
-"@tabler/docs": patch
----
-
-Added Geist font family integration.
-

.changeset/language-selector.md

@@ -1,6 +0,0 @@
----
-"@tabler/core": minor
-"@tabler/preview": minor
----
-
-Added language selector dropdown to navbar with flag indicators for multilingual support.

.changeset/late-pugs-breathe2.md

@@ -3,4 +3,4 @@
 "@tabler/preview": patch
 ---
 
-Added `bg-blur` utility and increased `container-tight` width for layout flexibility.
+Introduced `bg-blur` utility for backdrop blur effects and increased container-tight width for layout flexibility.

.changeset/light-cooks-hug.md

@@ -2,4 +2,4 @@
 "@tabler/preview": patch
 ---
 
-Updated icons to v3.34.1 with 75 new icons.
+Update icons to v3.34.1 (75 new icons)

.changeset/many-dogs-rest.md

@@ -1,6 +0,0 @@
----
-"@tabler/core": patch
----
-
-Added `border-top-left-radius` and `border-top-right-radius` to first and last child elements in `.card-table` for proper corner rounding.
-

.changeset/media-print-mixin.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Added `media-print` mixin and print styles to hide interactive components during printing.

.changeset/menu-structure-refactor.md

@@ -1,6 +0,0 @@
----
-"@tabler/preview": minor
----
-
-Refactored page-menu structure for dashboards and updated navigation menu organization.
-

.changeset/modern-dots-bathe.md

@@ -2,4 +2,4 @@
 "@tabler/preview": patch
 ---
 
-Updated activity messages.
+Update activity messages

.changeset/navbar-side-refactor.md

@@ -1,7 +0,0 @@
----
-"@tabler/core": minor
-"@tabler/preview": minor
----
-
-Refactored navbar-side component by consolidating separate include files (apps, language, notifications, theme, user) into a single `navbar-side.html` file for better maintainability.
-

.changeset/new-task-modal.md

@@ -1,6 +0,0 @@
----
-"@tabler/preview": minor
----
-
-Added New Task modal with fields for task name, description, assigned user, priority, due date, and category tags.
-

.changeset/pretty-chefs-design.md

@@ -2,4 +2,4 @@
 "@tabler/core": patch
 ---
 
-Fixed double bottom border in tables.
+Fix double bottom border in tables.

.changeset/progress-sizes.md

@@ -2,4 +2,4 @@
 "@tabler/core": minor
 ---
 
-Added `.progress-lg` and `.progress-xl` size variants for the progress component.
+Added large and extra-large sizes for progress component (`.progress-lg`, `.progress-xl`).

.changeset/progress-transitions.md

@@ -2,4 +2,4 @@
 "@tabler/core": patch
 ---
 
-Added smooth transitions for progress bar `width` and `background-color` changes.
+Added smooth transitions for progress bar width and background color changes.

.changeset/redundant-nullish-operator.md

@@ -1,6 +0,0 @@
----
-"@tabler/core": patch
----
-
-Removed redundant nullish coalescing operator from `html` option in popover and tooltip initialization.
-

.changeset/skip-link-accessibility.md

@@ -2,4 +2,4 @@
 "@tabler/core": patch
 ---
 
-Updated skip-link to use `visually-hidden` for improved accessibility.
+Updated skip-link to use `visually-hidden` class for better accessibility.

.changeset/tasks-list-page.md

@@ -1,6 +0,0 @@
----
-"@tabler/preview": minor
----
-
-Added new Task List page with tables showing tasks organized by status (Upcoming, In Progress, Completed) and modal dialog for adding new tasks.
-

.changeset/three-seas-move.md

@@ -2,4 +2,4 @@
 "@tabler/core": patch
 ---
 
-Updated deprecated global Sass functions to module equivalents (`map.merge`, `string.slice`, `math.percentage`, etc.).
+Updated deprecated global functions (`map-merge`, `str-slice`, `percentage`, etc.) with their module-based equivalents (`map.merge`, `string.slice`, `math.percentage`, etc.).

.changeset/tidy-apples-ring.md

@@ -2,4 +2,4 @@
 "@tabler/core": patch
 ---
 
-Updated Bootstrap to v5.3.8.
+Update Bootstrap to v5.3.8

.changeset/trending-icons.md

@@ -3,4 +3,4 @@
 "@tabler/preview": patch
 ---
 
-Updated trending component to use `arrow-up`/`arrow-down` instead of `trending-up`/`trending-down`.
+Updated trending component to use `arrow-up`/`arrow-down` icons instead of `trending-up`/`trending-down`.

.changeset/tricky-moons-laugh.md

@@ -2,4 +2,4 @@
 "@tabler/docs": patch
 ---
 
-Fixed Docs search display in dark mode.
+Fix Docs search in dark mode

.changeset/twelve-tables-attack.md

@@ -2,4 +2,4 @@
 "@tabler/preview": patch
 ---
 
-Fixed responsive layouts on the Form Elements page.
+Fix responsive layputs in 'Form Elements' page

.changeset/young-needles-love.md

@@ -1,5 +0,0 @@
----
-"@tabler/preview": patch
----
-
-Added comprehensive All Elements page with all UI components and Bootstrap elements

.github/workflows/argos.yml

@@ -40,7 +40,7 @@ jobs:
         uses: pnpm/action-setup@v4
 
       - name: Set up Node.js
-        uses: actions/setup-node@v6
+        uses: actions/setup-node@v5
         with:
           node-version: "${{ env.NODE }}"
           cache: 'pnpm'

.github/workflows/bundlewatch.yml

@@ -31,7 +31,7 @@ jobs:
         uses: pnpm/action-setup@v4
 
       - name: Set up Node.js
-        uses: actions/setup-node@v6
+        uses: actions/setup-node@v5
         with:
           node-version: "${{ env.NODE }}"
           cache: 'pnpm'

.github/workflows/lockfiles.yaml

@@ -14,7 +14,7 @@ jobs:
       - name: Clone Tabler
         uses: actions/checkout@v5
       - name: Prevent lock file change
-        uses: xalvarez/prevent-file-change-action@v3
+        uses: xalvarez/prevent-file-change-action@v2
         with:
           githubToken: ${{ secrets.GITHUB_TOKEN }}
           pattern: Gemfile.lock|pnpm-lock.json|pnpm-lock.yaml

.github/workflows/release.yml

@@ -27,7 +27,7 @@ jobs:
         uses: pnpm/action-setup@v4
 
       - name: Setup Node.js 18
-        uses: actions/setup-node@v6
+        uses: actions/setup-node@v5
         with:
           node-version: "${{ env.NODE }}"
           cache: 'pnpm'

.github/workflows/test.yml

@@ -28,7 +28,7 @@ jobs:
         uses: pnpm/action-setup@v4
 
       - name: Set up Node.js
-        uses: actions/setup-node@v6
+        uses: actions/setup-node@v5
         with:
           node-version: "${{ env.NODE }}"
           cache: 'pnpm'

.prettierrc

@@ -4,17 +4,7 @@
 	"printWidth": 320,
 	"proseWrap": "always",
 	"semi": false,
-	"singleQuote": true,
+	"singleQuote": false,
-	"quoteProps": "consistent",
 	"tabWidth": 2,
-	"useTabs": false,
+	"trailingComma": "all"
-	"trailingComma": "all",
-	"overrides": [
-		{
-			"files": "*.scss",
-			"options": {
-				"parser": "scss"
-			}
-		}
-	]
 }

core/.build/compare-variables.mjs

@@ -1,82 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import { fileURLToPath } from 'url';
-
-// Get __dirname in ES modules
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-// File paths (relative to core/.build directory)
-const bootstrapPath = path.join(__dirname, '../node_modules/bootstrap/scss/_variables.scss');
-const tablerPath = path.join(__dirname, '../scss/_variables.scss');
-
-// Function to extract variable names from SCSS file
-function extractVariables(filePath) {
-  const content = fs.readFileSync(filePath, 'utf8');
-  const variables = new Set();
-  
-  // Regex to find SCSS variables
-  // Looks for patterns like: $variable-name: value
-  // Includes variables in maps and lists
-  const variableRegex = /\$([a-zA-Z0-9_-]+)\s*[:=]/g;
-  
-  let match;
-  while ((match = variableRegex.exec(content)) !== null) {
-    const varName = match[1];
-    variables.add(varName);
-  }
-  
-  return variables;
-}
-
-// Main function
-function compareVariables() {
-  console.log('Analyzing Bootstrap variables...');
-  const bootstrapVars = extractVariables(bootstrapPath);
-  console.log(`Found ${bootstrapVars.size} variables in Bootstrap\n`);
-  
-  console.log('Analyzing Tabler variables...');
-  const tablerVars = extractVariables(tablerPath);
-  console.log(`Found ${tablerVars.size} variables in Tabler\n`);
-  
-  // Find variables that are in Bootstrap but not in Tabler
-  const missingInTabler = [];
-  for (const varName of bootstrapVars) {
-    if (!tablerVars.has(varName)) {
-      missingInTabler.push(varName);
-    }
-  }
-  
-  // Sort alphabetically
-  missingInTabler.sort();
-  
-  console.log('='.repeat(60));
-  console.log(`Variables in Bootstrap that are missing in Tabler: ${missingInTabler.length}`);
-  console.log('='.repeat(60));
-  
-  if (missingInTabler.length === 0) {
-    console.log('All Bootstrap variables are present in Tabler!');
-  } else {
-    console.log('\nList of missing variables:\n');
-    missingInTabler.forEach((varName, index) => {
-      console.log(`${(index + 1).toString().padStart(4)}. $${varName}`);
-    });
-  }
-  
-  // Optionally: show statistics
-  console.log('\n' + '='.repeat(60));
-  console.log('Statistics:');
-  console.log(`  Bootstrap: ${bootstrapVars.size} variables`);
-  console.log(`  Tabler:    ${tablerVars.size} variables`);
-  console.log(`  Missing:    ${missingInTabler.length} variables`);
-  console.log(`  Coverage:   ${((1 - missingInTabler.length / bootstrapVars.size) * 100).toFixed(1)}%`);
-  console.log('='.repeat(60));
-}
-
-// Run analysis
-try {
-  compareVariables();
-} catch (error) {
-  console.error('Error during analysis:', error.message);
-  process.exit(1);
-}

core/.build/import-fonts.mjs

@@ -1,55 +0,0 @@
-#!/usr/bin/env node
-
-'use strict'
-
-import { existsSync, mkdirSync } from 'fs'
-import { copySync } from 'fs-extra/esm'
-import { fileURLToPath } from 'url'
-import { join, dirname } from 'node:path'
-
-const __dirname = dirname(fileURLToPath(import.meta.url))
-
-const fromDir = join(__dirname, '..', 'node_modules/geist/dist/fonts')
-const toDir = join(__dirname, '..', 'fonts')
-
-// Create fonts directory if it doesn't exist
-if (!existsSync(toDir)) {
-	mkdirSync(toDir, { recursive: true })
-}
-
-// Copy geist-mono fonts
-const monoFrom = join(fromDir, 'geist-mono')
-const monoTo = join(toDir, 'geist-mono')
-
-if (existsSync(monoFrom)) {
-	if (!existsSync(monoTo)) {
-		mkdirSync(monoTo, { recursive: true })
-	}
-	
-	copySync(monoFrom, monoTo, {
-		dereference: true,
-	})
-	
-	console.log(`Successfully copied geist-mono fonts`)
-} else {
-	console.warn(`Warning: geist-mono fonts not found at ${monoFrom}`)
-}
-
-// Copy geist-sans fonts
-const sansFrom = join(fromDir, 'geist-sans')
-const sansTo = join(toDir, 'geist-sans')
-
-if (existsSync(sansFrom)) {
-	if (!existsSync(sansTo)) {
-		mkdirSync(sansTo, { recursive: true })
-	}
-	
-	copySync(sansFrom, sansTo, {
-		dereference: true,
-	})
-	
-	console.log(`Successfully copied geist-sans fonts`)
-} else {
-	console.warn(`Warning: geist-sans fonts not found at ${sansFrom}`)
-}
-

core/js/src/autosize.js

@@ -1,8 +1,7 @@
 // Autosize plugin
-const elements = document.querySelectorAll('[data-bs-toggle="autosize"]')
+const elements = document.querySelectorAll('[data-bs-toggle="autosize"]');
-
 if (elements.length) {
 	elements.forEach(function (element) {
-    window.autosize && window.autosize(element)
+		window.autosize && window.autosize(element);
-  })
+	});
 }

core/js/src/bootstrap.js

@@ -1,20 +1,3 @@
-export * as Popper from '@popperjs/core'
+export * as Popper from '@popperjs/core';
 
-// Export all Bootstrap components directly for consistent usage
+export { Dropdown, Tooltip, Popover, Tab, Toast } from 'bootstrap';
-export {
-  Alert,
-  Button,
-  Carousel,
-  Collapse,
-  Dropdown,
-  Modal,
-  Offcanvas,
-  Popover,
-  ScrollSpy,
-  Tab,
-  Toast,
-  Tooltip
-} from 'bootstrap'
-
-// Re-export everything as namespace for backward compatibility
-export * as bootstrap from 'bootstrap'

core/js/src/countup.js

@@ -1,25 +1,23 @@
-const elements = document.querySelectorAll('[data-countup]')
+const elements = document.querySelectorAll('[data-countup]');
 
 if (elements.length) {
 	elements.forEach(function (element) {
-    let options = {}
+		let options = {};
 		try {
-      const dataOptions = element.getAttribute('data-countup') ? JSON.parse(element.getAttribute('data-countup')) : {}
+			const dataOptions = element.getAttribute('data-countup') ? JSON.parse(element.getAttribute('data-countup')) : {};
-      options = Object.assign(
+			options = Object.assign({
-        {
+				'enableScrollSpy': true
-          enableScrollSpy: true,
+			}, dataOptions);
-        },
+			
-        dataOptions,
-      )
 		} catch (error) {}
 
-    const value = parseInt(element.innerHTML, 10)
+		const value = parseInt(element.innerHTML, 10);
 
 		if (window.countUp && window.countUp.CountUp) {
-      const countUp = new window.countUp.CountUp(element, value, options)
+			const countUp = new window.countUp.CountUp(element, value, options);
 			if (!countUp.error) {
-        countUp.start()
+				countUp.start();
 			}
 		}
-  })
+	});
 }

core/js/src/dropdown.js

@@ -1,12 +1,12 @@
-import { Dropdown } from './bootstrap'
+import { Dropdown } from './bootstrap';
 
 /*
 Core dropdowns
  */
-let dropdownTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="dropdown"]'))
+let dropdownTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="dropdown"]'));
 dropdownTriggerList.map(function (dropdownTriggerEl) {
 	let options = {
 		boundary: dropdownTriggerEl.getAttribute('data-bs-boundary') === 'viewport' ? document.querySelector('.btn') : 'clippingParents',
 	}
-  return new Dropdown(dropdownTriggerEl, options)
+	return new Dropdown(dropdownTriggerEl, options);
-})
+});

core/js/src/input-mask.js

@@ -1,10 +1,9 @@
 // Input mask plugin
 
-var maskElementList = [].slice.call(document.querySelectorAll('[data-mask]'))
+var maskElementList = [].slice.call(document.querySelectorAll('[data-mask]'));
 maskElementList.map(function (maskEl) {
-  window.IMask &&
+	window.IMask && new window.IMask(maskEl, {
-    new window.IMask(maskEl, {
 		mask: maskEl.dataset.mask,
-      lazy: maskEl.dataset['mask-visible'] === 'true',
+		lazy: maskEl.dataset['mask-visible'] === 'true'
 	})
-})
+});

core/js/src/popover.js

@@ -1,14 +1,14 @@
-import { Popover } from './bootstrap'
+import { Popover } from './bootstrap';
 
 /*
 Core popovers
  */
-let popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
+let popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'));
 popoverTriggerList.map(function (popoverTriggerEl) {
 	let options = {
-    delay: { show: 50, hide: 50 },
+		delay: {show: 50, hide: 50},
-    html: popoverTriggerEl.getAttribute('data-bs-html') === 'true',
+		html: popoverTriggerEl.getAttribute('data-bs-html') === "true" ?? false,
-    placement: popoverTriggerEl.getAttribute('data-bs-placement') ?? 'auto',
+		placement: popoverTriggerEl.getAttribute('data-bs-placement') ?? 'auto'
-  }
+	};
-  return new Popover(popoverTriggerEl, options)
+	return new Popover(popoverTriggerEl, options);
-})
+});

core/js/src/sortable.js

@@ -2,22 +2,24 @@
 // Initializes Sortable on elements marked with [data-sortable]
 // Allows options via JSON in data attribute: data-sortable='{"animation":150}'
 
-const sortableElements = document.querySelectorAll('[data-sortable]')
+const sortableElements = document.querySelectorAll('[data-sortable]');
 
 if (sortableElements.length) {
   sortableElements.forEach(function (element) {
-    let options = {}
+    let options = {};
 
     try {
-      const rawOptions = element.getAttribute('data-sortable')
+      const rawOptions = element.getAttribute('data-sortable');
-      options = rawOptions ? JSON.parse(rawOptions) : {}
+      options = rawOptions ? JSON.parse(rawOptions) : {};
     } catch (e) {
       // ignore invalid JSON
     }
 
     if (window.Sortable) {
       // eslint-disable-next-line no-new
-      new window.Sortable(element, options)
+      new window.Sortable(element, options);
     }
-  })
+  });
 }
+
+

core/js/src/switch-icon.js

@@ -1,11 +1,11 @@
 /*
 Switch icons
  */
-let switchesTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="switch-icon"]'))
+let switchesTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="switch-icon"]'));
 switchesTriggerList.map(function (switchTriggerEl) {
 	switchTriggerEl.addEventListener('click', (e) => {
-    e.stopPropagation()
+		e.stopPropagation();
 
-    switchTriggerEl.classList.toggle('active')
+		switchTriggerEl.classList.toggle('active');
-  })
+	});
-})
+});

core/js/src/tab.js

@@ -1,15 +1,15 @@
-import { Tab } from './bootstrap'
+import { Tab } from './bootstrap';
 
 export const EnableActivationTabsFromLocationHash = () => {
-  const locationHash = window.location.hash
+  const locationHash = window.location.hash;
 
   if (locationHash) {
-    const tabsList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tab"]'))
+	 const tabsList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tab"]'));
-    const matchedTabs = tabsList.filter((tab) => tab.hash === locationHash)
+	 const matchedTabs = tabsList.filter(tab => tab.hash === locationHash);
 
-    matchedTabs.map((tab) => {
+	 matchedTabs.map(tab => {
-      new Tab(tab).show()
+		new Tab(tab).show();
-    })
+	 });
   }
 }
 

core/js/src/toast.js

@@ -1,17 +1,17 @@
-import { Toast } from './bootstrap'
+import { Toast } from './bootstrap';
 
 /*
 Toasts
  */
-let toastsTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="toast"]'))
+let toastsTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="toast"]'));
 toastsTriggerList.map(function (toastTriggerEl) {
 	if (!toastTriggerEl.hasAttribute('data-bs-target')) {
-    return
+		return;
 	}
 
-  const toastEl = new Toast(toastTriggerEl.getAttribute('data-bs-target'))
+	const toastEl = new Toast(toastTriggerEl.getAttribute('data-bs-target'));
 
 	toastTriggerEl.addEventListener('click', () => {
 		toastEl.show()
-  })
+	});
-})
+});