{"_id":"9x-navbar","_rev":"3-22dc110c89ebfcda345fc9494a67ab00","name":"9x-navbar","dist-tags":{"latest":"2.1.0"},"versions":{"1.3.0":{"name":"9x-navbar","version":"1.3.0","author":"","license":"MIT","_id":"9x-navbar@1.3.0","maintainers":[{"name":"celine08","email":"c3line8@gmail.com"}],"dist":{"shasum":"58baf73976f314638ab577a433e9022088896a0d","tarball":"https://registry.npmjs.org/9x-navbar/-/9x-navbar-1.3.0.tgz","fileCount":3,"integrity":"sha512-GsYR/OpSoxuAGvVtNYAsmeLjy/qo4fJg2/5btCsZVcwLuSssVgZYygFzFKagnceeOqKltpgRxXNIphC2SAXSrg==","signatures":[{"sig":"MEUCIQCrAhmM5LarODsMmZv+Shcb+SUdZfFP3IfoAZNSkAeMaAIgRamDWA8BW+HjFUc0miC44ynMQ715F40wSZL9CnYrv5Q=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":12981},"main":"dist/index.min.js","gitHead":"cd8ae86ba1c676420e87a45ff8d6c4bceeea2dbb","scripts":{"build":"rollup -c","prepublishOnly":"npm run build"},"_npmUser":{"name":"celine08","email":"c3line8@gmail.com"},"_npmVersion":"10.8.2","description":"This document explains how to easily configure the float navigation system without having to modify the core implementation files.","directories":{},"_nodeVersion":"20.9.0","_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.79.1","rollup-plugin-terser":"^7.0.2","@rollup/plugin-node-resolve":"^13.3.0"},"_npmOperationalInternal":{"tmp":"tmp/9x-navbar_1.3.0_1742808440519_0.18173983422337292","host":"s3://npm-registry-packages-npm-production"}},"2.0.0":{"name":"9x-navbar","version":"2.0.0","author":"","license":"MIT","_id":"9x-navbar@2.0.0","maintainers":[{"name":"celine08","email":"c3line8@gmail.com"}],"dist":{"shasum":"156bafcb57cad17abf1f24b8c4b12c21287bf319","tarball":"https://registry.npmjs.org/9x-navbar/-/9x-navbar-2.0.0.tgz","fileCount":3,"integrity":"sha512-SE27cDbNZxoHyYKtzQ43kRUdt/HLE+GF8pJuYftMXL8FlV0zOHERLTPAhACNiQ01Lre/il9/7Jon4L4QUBX0ng==","signatures":[{"sig":"MEQCIGCcEz/k0stDaVW5uv0wQnxwuyjgiLhxn9EJTdCdF3x3AiAHI+UyzEOi4TZ0Kis1ThaVWE9xxGjY3sxNR3qmPX5iXw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":14556},"main":"dist/index.min.js","gitHead":"e5bb24119a38c9cb978d86651f25e22cd8d9d217","scripts":{"build":"rollup -c","prepublishOnly":"npm run build"},"_npmUser":{"name":"celine08","email":"c3line8@gmail.com"},"_npmVersion":"10.8.2","description":"This document explains how to easily configure the float navigation system without having to modify the core implementation files.","directories":{},"_nodeVersion":"20.9.0","_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.79.1","rollup-plugin-terser":"^7.0.2","@rollup/plugin-node-resolve":"^13.3.0"},"_npmOperationalInternal":{"tmp":"tmp/9x-navbar_2.0.0_1756797729081_0.5935963436877933","host":"s3://npm-registry-packages-npm-production"}},"2.1.0":{"name":"9x-navbar","version":"2.1.0","main":"dist/index.min.js","scripts":{"build":"rollup -c","prepublishOnly":"npm run build"},"author":"","license":"MIT","devDependencies":{"@rollup/plugin-node-resolve":"^13.3.0","rollup":"^2.79.1","rollup-plugin-terser":"^7.0.2"},"_id":"9x-navbar@2.1.0","gitHead":"e5bb24119a38c9cb978d86651f25e22cd8d9d217","description":"This document explains how to easily configure the float navigation system without having to modify the core implementation files.","_nodeVersion":"20.9.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-d+GTFYtIOEM6an/PJiZDBAnWYwe/Rc9XKJeCF1/KIo4tHoVk7yEmu9pDnGUSsHi/OjXElypAsg4KlM+9tMRnWg==","shasum":"15ffe7def1d01c77365ecc0333bf3f2edf432106","tarball":"https://registry.npmjs.org/9x-navbar/-/9x-navbar-2.1.0.tgz","fileCount":3,"unpackedSize":14558,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCICviqlVvm2oNy7pKITJIXWhL8KAf1PRARKR3zD1kofg8AiBcdSYWO2bJnH1pdC8VaWU1pma9qbdAyzqybf8aAhil7A=="}]},"_npmUser":{"name":"celine08","email":"c3line8@gmail.com"},"directories":{},"maintainers":[{"name":"celine08","email":"c3line8@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/9x-navbar_2.1.0_1756797795339_0.6653417108412885"},"_hasShrinkwrap":false}},"time":{"created":"2025-03-24T09:27:20.518Z","modified":"2025-09-02T07:23:15.682Z","1.3.0":"2025-03-24T09:27:20.690Z","2.0.0":"2025-09-02T07:22:09.259Z","2.1.0":"2025-09-02T07:23:15.518Z"},"license":"MIT","description":"This document explains how to easily configure the float navigation system without having to modify the core implementation files.","maintainers":[{"name":"celine08","email":"c3line8@gmail.com"}],"readme":"# Float Container Configuration Guide\r\n\r\nThis document explains how to easily configure the float navigation system without having to modify the core implementation files.\r\n\r\n## Configuration Approach\r\n\r\nThe navigation system now uses a configuration-driven approach where all navigation items, links, and UI elements are defined in a single centralized configuration file.\r\n\r\n## Files Overview\r\n\r\n* `navigation-config.js` - Contains all the configurable navigation elements\r\n* `config.js` - Contains general system configuration settings\r\n* `float-ui.js` - Implementation that reads from configuration\r\n* `main.js` - Entry point and initialization\r\n\r\n## How to Update Navigation Elements\r\n\r\n### 1. Updating Navigation Links\r\n\r\nTo update the navigation links (Game Tips, Download App, etc.), edit the `navLinks` array in `navigation-config.js`:\r\n\r\n```javascript\r\nnavLinks: [\r\n  {\r\n    href: '/new-url',              // Change the URL\r\n    translationKey: 'gameTips',    // Reference to translations.js\r\n    iconClass: 'fa-solid fa-gamepad' // FontAwesome icon class\r\n  },\r\n  // Add or remove items as needed\r\n]\r\n```\r\n\r\n### 2. Updating Grid Items\r\n\r\nTo update the grid items (Fortune Wheel, VIP Program, etc.), edit the `gridItems` array:\r\n\r\n```javascript\r\ngridItems: [\r\n  {\r\n    href: 'https://example.com',\r\n    imgSrc: '/path/to/image.png',\r\n    text: 'Display Text',\r\n    translationKey: 'translationKey',\r\n    target: '_self'\r\n  },\r\n  // Add or remove items as needed\r\n]\r\n```\r\n\r\n### 3. Updating Dropdown Menus\r\n\r\nTo update dropdown menus (Follow Us, etc.), edit the `dropdownMenus` array:\r\n\r\n```javascript\r\ndropdownMenus: [\r\n  {\r\n    translationKey: 'menuTitle',\r\n    iconClass: 'fa-solid fa-users',\r\n    subItems: [\r\n      {\r\n        href: 'https://example.com',\r\n        translationKey: 'subItemText',\r\n        iconClass: 'fa-brands fa-example',\r\n        target: '_blank'\r\n      },\r\n      // Add or remove sub-items as needed\r\n    ]\r\n  }\r\n]\r\n```\r\n\r\n### 4. Updating Logo and Partnership Logo\r\n\r\nTo update the logo or partnership logo:\r\n\r\n```javascript\r\nlogo: {\r\n  src: '/path/to/new-logo.png',\r\n  alt: 'Logo Alt Text'\r\n},\r\n\r\npartnershipLogo: {\r\n  href: 'https://partner-site.com',\r\n  imgSrc: '/path/to/partner-logo.png',\r\n  imgAlt: 'Partner Logo Alt Text'\r\n}\r\n```\r\n\r\n## Programmatically Updating Configuration\r\n\r\nYou can also update the configuration programmatically using the exported function:\r\n\r\n```javascript\r\nimport { updateNavigationConfig } from './float-ui.js';\r\n\r\n// Update specific parts of the navigation\r\nupdateNavigationConfig({\r\n  navLinks: [\r\n    // New set of navigation links\r\n  ],\r\n  logo: {\r\n    src: '/path/to/new-logo.png'\r\n  }\r\n});\r\n```\r\n\r\n## Translation Keys\r\n\r\nAll text elements use translation keys that reference the translation system. To add or update translations:\r\n\r\n1. Add the translation key to `navigation-config.js`\r\n2. Make sure the corresponding keys exist in the `translations.js` file\r\n\r\n## Adding New Navigation Elements Dynamically\r\n\r\nYou can also add new navigation links or dropdown menus dynamically after initialization:\r\n\r\n```javascript\r\nimport { addNavLink, addDropdownMenu } from './float-ui.js';\r\n\r\n// Add a new navigation link\r\naddNavLink({\r\n  href: '/new-page',\r\n  translationKey: 'newPageName',\r\n  iconClass: 'fa-solid fa-star'\r\n});\r\n\r\n// Add a new dropdown menu\r\naddDropdownMenu({\r\n  translationKey: 'newDropdown',\r\n  iconClass: 'fa-solid fa-list',\r\n  subItems: [\r\n    // Array of sub-items\r\n  ]\r\n});\r\n```\r\n","readmeFilename":"README.md"}