refactor: move instance creation to select

Author: NiclasNorin

source/components/select/index.ts

@@ -43,3 +43,9 @@ export class SelectComponentObserver {
 		});
 	}
 }
+
+// Initialize the SelectComponentObserver when the DOM is fully loaded
+document.addEventListener('DOMContentLoaded', () => {
+	const selectComponentObserverInstance = new SelectComponentObserver();
+	selectComponentObserverInstance.observe();
+});

source/js/app.js

@@ -45,7 +45,6 @@ import { initializeOpenStreetMaps } from './openStreetMap';
 import { initializeResizeMediaQuery } from './resizeMediaQuery';
 import { SimulateClick } from './SimulateClick';
 import { initializeSegments } from './segment';
-import { SelectComponentObserver } from './select/SelectComponentObserver';
 import { initializeSelectFilter } from './selectFilter';
 import { initializeSelectSort } from './selectSort';
 import { initializeSizeObserver } from './sizeObserver';
@@ -76,14 +75,12 @@ document.addEventListener('DOMContentLoaded', () => {
 	const AriaPressedTogglerInstance = new AriaPressedToggler();
 	const QuickLinksHeaderInstance = new QuickLinksHeader();
 	const NavbarInstance = new Navbar();
-	const selectComponentObserverInstance = new SelectComponentObserver();
 	const NotificationInstance = new Notification();
 	const DynamicSidebarInstance = new DynamicSidebar();
 	const filter = new Filter();
 	const MenuInstance = new Menu();
 	const fileInput = new FileInput();
 
-	selectComponentObserverInstance.observe();
 	new ClassToggleInitializer().init();
 	NotificationInstance.setup();
 	SortInstance.applySort();

source/js/index.ts

@@ -11,6 +11,7 @@ export * from '../components/nav/index.js';
 export * from '../components/navbar/navbar.js';
 export * from '../components/pagination/pagination';
 export * from '../components/segment/segment.js';
+export * from '../components/select/index.js';
 export * from '../components/sidebar/sidebar.js';
 export * from '../components/slider/slider';
 export * from '../components/table/table.js';

source/js/main.js

@@ -70,11 +70,6 @@ import './helpers/moveElements.ts';
 import './helpers/swipe.js';
 import './helpers/video.js';
 
-// Select components
-import './select/IsCheckedToggler.ts';
-import './select/Select.ts';
-import './select/SelectComponentObserver.ts';
-
 // All form file input related components
 import './form/fileinput/controller.ts';
 import './form/fileinput/dropzone.ts';