### Alpine.js Initialization
Source: https://context7_llms
Initializes Alpine.js stores for managing modals and application data. This script runs when the Alpine.js framework is ready.
```javascript
document.addEventListener('alpine:init', () => {
Alpine.store('modals', {});
Alpine.store('appData', {});
});
```
--------------------------------
### Alpine.js CDN
Source: https://context7_llms
Loads the Alpine.js framework from a CDN, enabling declarative, reactive behavior in HTML.
```javascript
https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js
```
--------------------------------
### Dexie.js CDN
Source: https://context7_llms
Loads Dexie.js, a wrapper for IndexedDB, from a CDN. This library simplifies client-side database operations.
```javascript
https://cdnjs.cloudflare.com/ajax/libs/dexie/3.2.2/dexie.min.js
```
--------------------------------
### HTMX Extensions
Source: https://context7_llms
Loads various extensions for the HTMX library, including WebSocket support, multi-swap, and Server-Sent Events (SSE). These enable advanced dynamic content loading and real-time features.
```javascript
https://unpkg.com/htmx.org@latest
https://unpkg.com/htmx.org@2.0.4/dist/ext/ws.js
https://unpkg.com/htmx.org@2.0.4/dist/ext/multi-swap.js
https://unpkg.com/htmx.org@2.0.5/dist/ext/sse.js
```
--------------------------------
### Manifest and Favicon Links
Source: https://context7_llms
Links to the web application manifest and various favicon formats, essential for Progressive Web App (PWA) features and browser icon display.
```html
```
--------------------------------
### Apple Mobile Web App Meta Tags
Source: https://context7_llms
Sets meta tags for Apple's mobile web app capabilities, including status bar style and title.
```html
```
--------------------------------
### Open Graph Meta Tags
Source: https://context7_llms
Configures Open Graph meta tags for social media sharing, defining the title, URL, image, and type of the web page.
```html
```
--------------------------------
### Three.js Import Map
Source: https://context7_llms
Defines import maps for the Three.js library, specifying CDN paths for the core module and its examples/addons. This allows for modular imports of 3D graphics components.
```json
{
"imports": {
"three": "https://cdn.jsdelivr.net/npm/three@0.163.0/build/three.module.js",
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.163.0/examples/jsm/"
}
}
```
--------------------------------
### Project Logo SVG
Source: https://context7_llms
Scalable Vector Graphics (SVG) code representing the project's logo. It includes paths for the main logo elements and a bounding box.
```svg
```
--------------------------------
### Alpine.js Morph Extension
Source: https://context7_llms
Includes the Alpine.js morph extension, which provides smooth DOM transitions and animations when Alpine.js updates elements.
```javascript
https://unpkg.com/@alpinejs/morph@3.x.x/dist/cdn.min.js
```
--------------------------------
### Alpine.js Modal Control Logic
Source: https://context7_llms
Manages the visibility and behavior of a modal component using Alpine.js. It handles opening, closing, and preventing background scrolling when the modal is active. Listens for custom 'modal-open' events and handles cleanup on window unload.
```javascript
x-data="{
isOpen: false,
modalConfig: null,
openModal(config) {
if (config.modalType === 'zipsource-menu') {
this.modalConfig = config;
this.isOpen = true;
// Prevent body scroll when modal is open
document.body.style.overflow = 'hidden';
document.documentElement.style.overflow = 'hidden';
}
},
closeModal() {
this.isOpen = false;
this.modalConfig = null;
// Restore body scroll when modal is closed
document.body.style.overflow = '';
document.documentElement.style.overflow = '';
},
// Cleanup function to ensure scroll is restored
cleanup() {
document.body.style.overflow = '';
document.documentElement.style.overflow = '';
}
}"
@keydown.escape.window="closeModal()"
@modal-open.window="openModal($event.detail)"
@beforeunload.window="cleanup()"
x-cloak
```
--------------------------------
### JavaScript for Modal Overflow Handling
Source: https://context7_llms
This JavaScript code listens for page unload and popstate events to reset the body and documentElement overflow styles. This is typically used to ensure scrolling is re-enabled when a modal or similar UI element is closed or navigated away from.
```javascript
window.addEventListener('beforeunload', function() {
document.body.style.overflow = '';
document.documentElement.style.overflow = '';
});
window.addEventListener('popstate', function() {
document.body.style.overflow = '';
document.documentElement.style.overflow = '';
});
```
=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.