fix bug vscode jupyter on text input: suppr delete the widget

the parameters gridColor, gridOpacity, and gridOptions.showLabels are no longer ignored

add gridOptions to the API description

edit default values for the grid to fit the aladin style a bit better

.github/workflows/api_doc.yml

@@ -0,0 +1,47 @@
+# Simple workflow for deploying static content to GitHub Pages
+name: Deploy static content to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["develop"]
+
+  # 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
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  # Single deploy job since we're just deploying
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup Pages
+        uses: actions/configure-pages@v4
+      - name: Build docs
+        run: |
+          npm install -g jsdoc
+          npm run doc
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          # Upload entire repository
+          path: './doc'
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.github/workflows/npm-publish.yml

@@ -22,6 +22,7 @@ jobs:
           curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh -s -- -y
           source "$HOME/.cargo/env"
           rustup default nightly
+          rustup component add rust-src --toolchain nightly-x86_64-unknown-linux-gnu
       - name: "Install wasm-pack"
         run: |
           curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh -s -- -y
@@ -31,6 +32,8 @@ jobs:
       - name: "Build Aladin Lite"
         run: |
           npm run build
+      - name: "Publish Aladin Lite to npm"
+        run: |
           npm publish
         env:
           NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}

.github/workflows/test.yml

@@ -23,6 +23,7 @@ jobs:
           curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh -s -- -y
           source "$HOME/.cargo/env"
           rustup default nightly
+          rustup component add rust-src --toolchain nightly-x86_64-unknown-linux-gnu
       - name: "Install wasm-pack"
         run: |
           curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh -s -- -y

.gitignore

@@ -1,19 +0,0 @@
-node_modules
-
-dist
-examples/.DS_Store
-examples/fits
-.DS_Store
-package-lock.json
-src/core/target/
-src/core/Cargo.lock
-
-aladin-lite*.tgz
-
-.vscode
-
-deploy.sh
-deploy-beta.sh
-
-# JsDoc generated files
-out/

CHANGELOG.md

@@ -0,0 +1,329 @@
+# Changelogs
+
+## 3.3.0
+
+* Add CSS class for positioning the UI elements as the user wants. See the API doc aladin options for the class names to use.
+* [style] The default grid color is now `rgb(178, 50, 178)` to fit the classic Aladin color palette
+* [feat] The object of grid options `gridOptions` is now available in the public API
+* [fixed] The parameters `gridColor` and `gridOpacity`, `gridOptions.showLabels` now work as expected
+* New documentation API (W.I.P) here: <https://cds-astro.github.io/aladin-lite/>
+* New release page here: <https://aladin.cds.unistra.fr/AladinLite/doc/release/>
+* A major UI update by @bmatthieu3
+  1. Some API new classes A.box, A.button
+  2. A status bar where the user can enque messages for a specific amount of time (Aladin.addStatusBarMessage)
+* Remove of JQuery and autocompletejs dependencies by @bmatthieu3
+* Fix some performances issues, i.e. a bug when resizing the aladin lite view and which launched several parallel requestAnimationFrame by @bmatthieu3
+* Polygon and circular selection (see Aladin class API documentation for how to use it)
+* ObsCore and Datalink votable parsing and interpretation. This work is still in progress and made in the frame of the SKA radio mission by @bmatthieu3 in <https://github.com/cds-astro/aladin-lite/pull/116>
+* SODA service query window formular by @bmatthieu3 in <https://github.com/cds-astro/aladin-lite/pull/116>
+* read only catalog option by @szpetny in <https://github.com/cds-astro/aladin-lite/pull/117>
+* Small changed regarding drawing a footprint by @szpetny in <https://github.com/cds-astro/aladin-lite/pull/118>
+* Object and footprint click/hover events expose mouse coordinates by @szpetny in <https://github.com/cds-astro/aladin-lite/pull/121>
+* A proposal of a new feature - fill the polygon with a color by @szpetny in <https://github.com/cds-astro/aladin-lite/pull/122>
+* update getViewWCS to adapt to projection by @ManonMarchand in <https://github.com/cds-astro/aladin-lite/pull/119>
+* New SAMP support by @bmatthieu3 in <https://github.com/cds-astro/aladin-lite/pull/128>
+* A possibility to create Coo and Footprint objects by @szpetny in <https://github.com/cds-astro/aladin-lite/pull/130>
+* new method aladin.getFrame() that returns the name of the current coordinate system
+* `getViewWCS` now adapts to the `cooFrame` and the `projection`
+* `getFov` is no longer capped at 180°
+* bugfix `setProjection` now also updates for 'PAR' and 'SFL' projections
+
+## 3.2.0
+
+* MOC rendering perf enhanced. Possibility to draw only the perimeter of a MOC object (perimeter set to True)
+* Many fixes e.g. footprint rendering for all sky projections
+* A line/shape webgl rasterizer thanks to the use of the `lyon`crate. MOCs and grid lines are rendered that way. Therefore, it is possible to change the grid lines thickness
+* Use of vite for the project management and deployment
+
+## 3.1.0
+
+* Add message for safari users to enable WebGL2 feature and reload the page by @bmatthieu3 in <https://github.com/cds-astro/aladin-lite/pull/54>
+* Starting fits support by @bmatthieu3 in <https://github.com/cds-astro/aladin-lite/pull/70>
+* display fits images with the drag and drop by @bmatthieu3
+![Kapture 2023-03-23 at 14 34 28](https://user-images.githubusercontent.com/2772384/227264124-8e05a3d8-1565-497f-a118-39fab3c6ed83.gif)
+* support `webp` tile format by @bmatthieu3 and @tboch
+* planetary name resolver by @tboch
+* small ui changes and bug fixes by @bmatthieu3
+* add codemeta and its validatior action by @ManonMarchand in <https://github.com/cds-astro/aladin-lite/pull/66>
+
+## 3.0.0
+
+Official release of Aladin Lite v3, [as announced in CDS news](https://cds.unistra.fr/news.php?fn_mode=fullnews&fn_incl=0&fn_id=958).
+
+* Fix missing tiles issue by @tboch in <https://github.com/cds-astro/aladin-lite/pull/18>
+* Hips catalogue filtering by @tboch in <https://github.com/cds-astro/aladin-lite/pull/28>
+* Make footprint selection easier by @tboch in <https://github.com/cds-astro/aladin-lite/pull/19>
+* Bug fix: enable different colors for multiple polylines in same layer by @tboch in <https://github.com/cds-astro/aladin-lite/pull/30>
+* Method remove to delete individual source from a catalogue layer by @tboch in <https://github.com/cds-astro/aladin-lite/pull/37>
+* Stop animation by @tboch in <https://github.com/cds-astro/aladin-lite/pull/40>
+* Add message for safari users to enable WebGL2 feature and reload the page by @bmatthieu3 in <https://github.com/cds-astro/aladin-lite/pull/54>
+
+## 2.x.x
+
+### 2020-08
+
+* polyline improvements (by @imbasimba)
+
+### 2020-07
+
+* new method stopAnimation
+
+### 2020-06
+
+* new method in Catalog layer to *remove* individual *Source* objects
+
+### 2019-10
+
+* displayFITS can now take a base64 data URL as input
+
+### 2019-05-03
+
+* https URLs for Simbad pointer
+
+### 2019-04-30
+
+* empty Downloader queue when changing displayed HiPs
+
+### 2019-02-06
+
+* bug fix: MOC cells at order 0 were not displayed
+
+### 2019-01
+
+* add method getViewWCS
+
+### 2018-10-30
+
+* bug fix affichage MOC order>11
+
+### 2018-09-24
+
+* bug fix in VOTable parsing: CDATA text was always blank in <TD></TD>
+
+### 2018-09-18
+
+* drawing algorith improved: no more flickering when zooming in
+
+### 2018-09-17
+
+* improvement on mobile device: pinch zoom works, panning works better
+
+### 2018-08-30
+
+* URL generated for a VizieR cone search now take into account the option 'limit', as to limit the size of the retrieved VOTable
+
+### 2018-06-11
+
+* Bug fix for rectangular selection of sources (aladin.on('select', ...  )
+
+### 2018-05-16
+
+* Add variable View.CALLBACKS_THROTTLE_TIME_MS to control minimal time between two callbacks
+
+### 2018-05-14
+
+* HTTPS support for Logger
+
+### 2018-04-20
+
+* partially fix the all-sky view (the cells borders were visible) --> delta in method HpxImageSurvey.drawOneTile2
+* add option showAllskyRing
+* all-sky is shown at orders 3 and 4
+
+### 2018-04
+
+* Add method zoomToFoV (zoom with animation)
+* doc : ajout Tour navigator library dans Plugins
+
+### 2018-01-09
+
+* Add option simbadPointer
+
+### 2018-01-08
+
+* Add option realFullscreen
+
+### 2017-12-20
+
+* Catalog.onClick can now also be a function
+
+### 2017-12-14
+
+* add function udpateShape for Catalog and ProgressiveCatalog object
+* ajout shape 'circle' pour les catalogues
+* bug fix: les cats progressifs ne s'affichaient pas quand on était zoomé et qu'on ne bougeait pas
+
+### 2017-12-13
+
+* support Circle when generating footprints from STC-S descriptions
+
+### 2017-11-30
+
+* improve positionChanged listener: no more called when clicking on an object
+* improve object shown when clicking ; it's really the closest one now
+
+### 2017-11-24
+
+* add dragging attribute to positionChanged listener callback param
+
+### 2017-10-09
+
+* add listener for 'mouseMove' event
+
+### 2017-09-28
+
+* MOC display is way faster when panning
+* Sesame bug fix when used in a local file web page
+
+### 2017-09-27
+
+* bug fix : MOC display with norder>9 (thanks to Raffaele D'Abrusco)
+* improve MOC display speed
+
+### 2017-09-21
+
+* add listener for 'click' event
+* dimensions can be specified for getViewDataURL method
+
+### 2017-09-08
+
+* gotoObject: can now take a success callback function
+* improve AITOFF display
+
+### 2017-09-07
+
+* improvement: MOCs, catalogs and overlays have now different logos in the "stack"
+
+### 2017-09-06
+
+* fix: export PNG was not working any longer in latest version of Chrome, as top frame navigation to data URL was no longer allowed
+
+### 2017-08-28
+
+* add J2000d option for frame selection
+
+### 2017-08-25
+
+* all graphical overlays (footprints, MOCs) in addition to catalogs are now visible and can be shown/hidden from the control panel
+* add skyFraction method to MOC class
+* fix: when going full screen, background is now all white (no more HTML elements visible in the background)
+* style: layer labels in Overlay layers panel are rounded at both ends
+
+### 2017-08-24
+
+* add adaptativeDisplay option for MOCs
+* try first to load MOC through given URL, and only if it fails, try through proxy (allows to load local/not publicly accessible MOCs)
+
+### July 2017
+
+* bug fix MOC
+* add method adjustFovForObject
+* add listeners on positionChanged zoomChanged
+* fix pour Andre Moitinho pour que Sesame fonctionne en HTTPS
+
+### February 2017
+
+* shape parameter when creating a catalogue can now be a custom draw function
+* bug fix, when superimposing a HiPS over a HiPS with a different coordinate frame
+
+### January 2017
+
+* added method to query SkyBot: A.catalogFromSkyBot
+
+
+### September 2016
+
+* support of HiPS catalog (new format)
+
+### June 2016
+
+* fix astrometry offset by subdividing HEALPix cells too distorted
+* new method A.MOCFromJSON to create a MOC from the JSON serialization
+
+### March 2016
+
+* added raField and decField options when creating catalogue
+
+### December 2015
+
+* added cubehelix color map
+* added option in A.catalogFromURL to bypass proxy
+* access to Simbad and VizieR data (catalogFromVizieR and catalogFromSimbad) are now done directly, without the proxy
+
+### Novembre 2015
+
+* ajout méthodes getShareURL et getEmbedCode
+
+### Octobre 2015
+
+* ajout méthodes accès facile à Simbad, NED et VizieR
+* ajout onClick comme option de Catalog: 'showTable' ou 'showPopup'
+* nouvelle version de jquery mousewheel (ça déconnait un peu sous Mac avec la précedente)
+
+### Décembre 2014
+
+* ajout displayLabel pour afficher un label d'un overlay Catalog
+* ajout option lineWidth pour objet A.graphicOverlay
+* bug fix : la liste déroulante est mise à jour correctement quand on change de frame programmatiquement
+
+### Novembre 2014
+
+* ajout nouvelles formes pour les sources
+
+### 23 octobre 2014
+
+* bug fix méthode on('objectClicked') était appelée de manière intempestive 
+quand la souris quittait le canvas
+
+### 21 octobre 2014
+
+* ajout option shape (plus ou square) pour les catalogues
+
+### 20 octobre 2014
+
+* amélioration on objectClicked et objectHivered. On envoie une valeur nulle pour signifier qu'on quitte l'objet
+* ajout méthode pour dessiner un cercle (A.circle)
+
+### 16 septembre 2014
+
+* bug fix pour nouvelle version de Firefox. Aladin lite freezait. On ne crée plus les textures individuelles pour le allsky
+
+### 24 avril 2014
+
+New in the API:
+* getSize
+* getFov
+* world2pix
+* pix2world
+* getFovCorners
+
+### Novembre 2013
+
+* ajout catalogues progressifs
+* ajout option pour fullScreen mode au démarrage
+* ajout méthode setFOVRange
+* polyfill pour Function.prototype.bind (pour Firefox < 4)
+
+### Septembre 2013
+
+* color maps
+
+### Août 2013
+
+* ajout page exemple full-screen.html
+* ajout bouton maximize in fullscreen
+* CSS dans fichier séparé
+* image réticule "cachée"
+* options pour personnaliser le réticule
+* revamped UI for layers
+* export PNG (nécessite support CORS)
+
+### Juillet 2013
+
+* ajout boutons zoom
+* ajout sélection d'objets
+
+### Fin 2013
+
+* ajout catalogue progressif
+* ajout on select, objectClicked, objectHovered

README.md

@@ -10,10 +10,21 @@ Aladin Lite is built to be easily embeddable in any web page. It powers astronom
 
 More details on [Aladin Lite documentation page](http://aladin.u-strasbg.fr/AladinLite/doc/).
 
+[![Run tests](https://github.com/cds-astro/aladin-lite/actions/workflows/test.yml/badge.svg)](https://github.com/cds-astro/aladin-lite/actions/workflows/test.yml)
+
 # How to test it ?
 
 Aladin Lite v3 is out! Please play with [Aladin Lite v3 at this link](https://aladin.u-strasbg.fr/AladinLite).
 
+## Releases
+
+For integrating Aladin Lite into your personal website, please refer to this [release page](https://aladin.cds.unistra.fr/AladinLite/doc/release/).
+Always prefer using the latest version. If you want the new features without minding about the bugs coming with it, then the beta is the good way to go.
+
+## API documentation
+
+There is a new in progress API documentation at [this link](https://cds-astro.github.io/aladin-lite).
+
 ## Embed it into your projects
 
 You can embed Aladin Lite it into your webpages in two ways
@@ -160,4 +171,4 @@ To generate the Rust backend API documentation
 ```bash
 cd src/core
 cargo doc --no-deps --open
-```
+```

assets/icons/next.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="-8.5 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
+<title>next</title>
+<path d="M0 24.781v-17.594l15.281 8.813z"></path>
+</svg>

examples/al-badbaselayer.html

@@ -8,8 +8,9 @@
         import A from '../src/js/A.js';
 A.init.then(() => {
     let aladin = A.aladin('#aladin-lite-div', {fov: 70,projection: "AIT"});
-    let hsc = aladin.newImageSurvey("P/HSC/DR2/deep/g", {colormap:"Purples", imgFormat: "fits"});
-    aladin.setBaseImageLayer(hsc);
+    
+    //let hsc = aladin.newImageSurvey("P/HSC/DR2/deep/g", {colormap:"Purples", imgFormat: "fits"});
+    //aladin.setBaseImageLayer(hsc);
 
 });
 </script>

examples/al-customize-button.html

@@ -4,6 +4,7 @@
 </head>
 <body>
 
+
 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>
 
 <script type="module">
@@ -24,21 +25,9 @@
             }
         );
 
-        let toolbar = A.toolbar({
-            cssStyle: {
-                backgroundColor: 'white',
-                border: '2px solid green',
-            },
-            position: {
-                anchor: 'left bottom'
-            }
-        });
-
         let btn = A.button({
-            content: 'Draw your coverage',
-            cssStyle: {
-                backgroundColor: 'pink',
-            },
+            content: 'My button',
+            classList: ['myButton'],
             tooltip: {cssStyle: {color: 'red'}, content: 'Create a moc in pink!', position: {direction: 'top'}},
             action(o) {
                 aladin.select('poly', p => {
@@ -64,17 +53,47 @@
         });
         let btn2 = A.button({
             content: 'I do nothing',
-            cssStyle: {
-                backgroundColor: 'pink',
-            },
             tooltip: {cssStyle: {color: 'red'}, content: 'Create a moc in pink!', position: {direction: 'top'}},
         });
-        toolbar.add([btn, btn2])
 
-        aladin.addUI(toolbar)
+        aladin.addUI(btn)
 
+        aladin.addUI(A.box({
+            header: {
+                title: "My window",
+                draggable: true,
+            },
+            classList: ['myBox'],
+            content: "This is the content of my window<br/> I can write proper html",
+        }))
+
+        aladin.addStatusBarMessage({
+            duration: 10000,
+            type: 'info',
+            message: 'Aladin Lite v3.3 is out. New features available:<ul><li>New Button, Box objects</li><li>Polygonal, circular selection</li></ul>'
+        })
     });
 </script>
+<style>
+    .aladin-stack-control {
+        position: absolute;
+        top: 10rem;
+        left: 10rem;
+    }
 
+    .myBox {
+        top: unset;
+        bottom: 0;
+        left: 0;
+    }
+
+    .myButton {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+
+        background-color: pink;
+    }
+</style>
 </body>
 </html>

examples/al-displayFITS.html

@@ -15,10 +15,10 @@
 
         aladin.displayFITS(
             //'https://fits.gsfc.nasa.gov/samples/FOCx38i0101t_c0f.fits', // url of the fits file
-            'fits/HorseHead.fits',
-            //'fits/neowise.fits',
-            //'fits/irac.fits',
-            //'fits/FOCx38i0101t_c0f.fits',
+            'data/fits/HorseHead.fits',
+            //'data/fits/neowise.fits',
+            //'data/fits/irac.fits',
+            //'data/fits/FOCx38i0101t_c0f.fits',
             {
                 minCut: 5000,
                 maxCut: 17000,

examples/al-dom-detached.html

@@ -0,0 +1,47 @@
+<!doctype html>
+<html>
+<head>
+</head>
+<body>
+
+
+<script type="module">
+    import A from '../src/js/A.js';
+    
+    let el = document.createElement('div')
+    el.id = "aladin-lite-div"
+    el.style.width = '1024px';
+    el.style.height = '768px';
+
+    let aladin;
+    A.init.then(() => {
+        var aladin = A.aladin(
+            el,
+            {
+                projection: 'AIT', // set a projection
+                fov: 1.5, // initial field of view in degrees
+                target: 'NGC 2175', // initial target
+                cooFrame: 'galactic', // set galactic frame
+                reticleColor: '#ff89ff', // change reticle color
+                reticleSize: 64, // change reticle size
+                showCooGrid: true, // set the grid
+                fullScreen: true,
+                showShareControl: true,
+                showSettingsControl: true,
+                showLayersControl: true,
+                showContextMenu: true,
+                showFullscreenControl: true,
+            }
+        );
+
+        document.body.appendChild(el);
+    });
+
+</script>
+<style>
+    .aladin-stack-control {
+        bottom: 0;
+    }
+</style>
+</body>
+</html>

examples/al-easy-access-simbad-ned.html

@@ -16,7 +16,6 @@
         showContextMenu: true,
         fullScreen: true,
         showSimbadPointerControl: true,
-        showLayersControl: false,
         showSimbadPointerControl: false,
         showShareControl: true,
         showStatusBar: {

examples/al-gaiadr3.html

@@ -38,8 +38,6 @@
   <script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
   <script type="module">
     import A from '../src/js/A.js';
-    $('#layersControl').show();
-
     var curSelectedSource = null;
     let aladin;
     A.init.then(() => {

examples/al-gw.html

@@ -12,10 +12,10 @@
     A.init.then(() => {
         aladin = A.aladin('#aladin-lite-div', {showReticle: true, showSurveyStackControl: true, showOverlayStackControl: false, projection: "TAN", target: '15 16 57.636 -60 55 7.49', showProjectionControl: true, realFullscreen: true, showZoomControl: true, showSimbadPointerControl: true, showShareControl: true, showContextMenu: true, showCooGridControl: true, fullScreen: true, showCooGrid: true, fov: 90});
                 
-        var moc_0_99 = A.MOCFromURL("./gw/gw_0.9.fits",{ name: "GW 90%", color: "#ff0000", opacity: 0.0, lineWidth: 3, fill: false, perimeter: true});
-        var moc_0_95 = A.MOCFromURL("./gw/gw_0.6.fits",{ name: "GW 60%", color: "#00ff00", opacity: 0.5, lineWidth: 3, fill: true, perimeter: true});
-        var moc_0_5 = A.MOCFromURL("./gw/gw_0.3.fits",{ name: "GW 30%", color: "#00ffff", opacity: 0.5, lineWidth: 3, fill: true, perimeter: true});
-        var moc_0_2 = A.MOCFromURL("./gw/gw_0.1.fits",{ name: "GW 10%", color: "#ff00ff", opacity: 0.5, lineWidth: 3, fill: true, perimeter: true});
+        var moc_0_99 = A.MOCFromURL("./data//gw/gw_0.9.fits",{ name: "GW 90%", color: "#ff0000", opacity: 0.0, lineWidth: 3, fill: false, perimeter: true});
+        var moc_0_95 = A.MOCFromURL("./data/gw/gw_0.6.fits",{ name: "GW 60%", color: "#00ff00", opacity: 0.5, lineWidth: 3, fill: true, perimeter: true});
+        var moc_0_5 = A.MOCFromURL("./data/gw/gw_0.3.fits",{ name: "GW 30%", color: "#00ffff", opacity: 0.5, lineWidth: 3, fill: true, perimeter: true});
+        var moc_0_2 = A.MOCFromURL("./data/gw/gw_0.1.fits",{ name: "GW 10%", color: "#ff00ff", opacity: 0.5, lineWidth: 3, fill: true, perimeter: true});
 
         aladin.addMOC(moc_0_99);
         aladin.addMOC(moc_0_95);

examples/al-hips-local.html

@@ -12,7 +12,7 @@
     A.init.then(() => {
         aladin = A.aladin('#aladin-lite-div', {target: 'galactic center'});
         
-        let survey = aladin.createImageSurvey('hips gaia', "hips gaia name", "./hips/gaia", undefined, undefined, {colormap:"viridis"});
+        let survey = aladin.createImageSurvey('hips gaia', "hips gaia name", "data/hips/gaia", undefined, undefined, {colormap:"viridis"});
         aladin.setBaseImageLayer(survey);
     });
 </script>

examples/al-imcce-vot.html

@@ -0,0 +1,27 @@
+<!doctype html>
+<html>
+<head>
+</head>
+<body>
+
+<div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>
+
+<script type="module">
+  import A from '../src/js/A.js';
+  let aladin;
+  A.init.then(() => {
+      // Start up Aladin Lite
+      aladin = A.aladin('#aladin-lite-div', {
+        target: '09 55 52.4 +69 40 47',
+        fov: 0.25,
+        showContextMenu: true,
+        fullScreen: true,
+        showSimbadPointerControl: true,
+      });
+
+      aladin.addCatalog(A.catalogFromURL('./data/votable/IMCCE.with_namespace.vot', {onClick: 'showTable', limit: 1000}));
+  });
+</script>
+
+</body>
+</html>

examples/al-init-custom-options.html

@@ -18,12 +18,18 @@
                 fov: 1.5, // initial field of view in degrees
                 target: 'NGC 2175', // initial target
                 cooFrame: 'galactic', // set galactic frame
-                reticleColor: '#ff89ff', // change reticle color
-                reticleSize: 64, // change reticle size
+                reticleColor: '#00ff00', // change reticle color
+                reticleSize: 40, // change reticle size
+                gridOptions: {color: 'pink'},
                 showCooGrid: true, // set the grid
                 fullScreen: true,
                 showShareControl: true,
+                showSettingsControl: true,
+                showLayersControl: true,
+                showZoomControl: true,
                 showContextMenu: true,
+                showCooGridControl: true,
+                showSimbadPointerControl: true,
                 showFullscreenControl: true,
             }
         );

examples/al-soda-eso.html

@@ -12,7 +12,7 @@
     A.init.then(() => {
         aladin = A.aladin('#aladin-lite-div', {fullScreen: true, target: "orion", fov: 10, projection: 'SIN', showContextMenu: true});
 
-        const c1 = A.catalogFromURL('./eso.xml', {onClick: 'showTable'});
+        const c1 = A.catalogFromURL('./data/eso.xml', {onClick: 'showTable'});
         aladin.addCatalog(c1);
     });
 </script>

examples/al-soda-ska.html

@@ -20,7 +20,7 @@
             aladin.addCatalog(cat);
         });
 
-        A.catalogFromURL('votable/CDS-B-jcmt-obscore.xml', {onClick: 'showTable'}, (cat) => {
+        A.catalogFromURL('data/votable/CDS-B-jcmt-obscore.xml', {onClick: 'showTable'}, (cat) => {
             aladin.addCatalog(cat);
         });*/
         A.catalogFromURL('https://aladin.cds.unistra.fr/ObsCoreRucioScs.xml', {onClick: 'showTable'}, (cat) => {