checked out assets

.gitignore

@@ -7,7 +7,6 @@ commonsbooking.zip
 node_modules
 ./phpunit*
 .phpunit.*
-assets/packaged
 src/Wordpress/.DS_Store
 tests/cypress/screenshots
 /vendor

assets/packaged/dist.json

@@ -0,0 +1 @@
+{"@commonsbooking/frontend":"0.1.0-beta.4","feiertagejs":"1.3.9","leaflet":"1.7.1","leaflet-easybutton":"2.4.0","leaflet-spin":"1.1.2","leaflet.markercluster":"1.5.0","shufflejs":"5.3.0","spin.js":"2.3.2","vue":"3.3.4"}

assets/packaged/leaflet-easybutton/easy-button.css

@@ -0,0 +1,56 @@
+.leaflet-bar button,
+.leaflet-bar button:hover {
+  background-color: #fff;
+  border: none;
+  border-bottom: 1px solid #ccc;
+  width: 26px;
+  height: 26px;
+  line-height: 26px;
+  display: block;
+  text-align: center;
+  text-decoration: none;
+  color: black;
+}
+
+.leaflet-bar button {
+  background-position: 50% 50%;
+  background-repeat: no-repeat;
+  overflow: hidden;
+  display: block;
+}
+
+.leaflet-bar button:hover {
+  background-color: #f4f4f4;
+}
+
+.leaflet-bar button:first-of-type {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+
+.leaflet-bar button:last-of-type {
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  border-bottom: none;
+}
+
+.leaflet-bar.disabled,
+.leaflet-bar button.disabled {
+  cursor: default;
+  pointer-events: none;
+  opacity: .4;
+}
+
+.easy-button-button .button-state{
+  display: block;
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+
+
+.leaflet-touch .leaflet-bar button {
+  width: 30px;
+  height: 30px;
+  line-height: 30px;
+}

assets/packaged/leaflet-easybutton/easy-button.d.ts

@@ -0,0 +1,87 @@
+import * as L from 'leaflet'
+import {ControlPosition} from 'leaflet';
+
+declare module 'leaflet' {
+
+  /**
+   * Creates a bar that holds a group of EasyButtons
+   * @param buttons array of EasyButtons that will be grouped together in the EasyBar
+   * @param options
+   */
+  function easyBar(buttons: Control.EasyButton[], options?: EasyBarOptions): Control.EasyBar;
+
+  /**
+   * Creates a easyButton
+   * @param icon     e.g. fa-globe
+   * @param onClick  the button click handler
+   * @param title    title on the button
+   * @param id       an id to tag the button with
+   * @example
+   * var helloPopup = L.popup().setContent('Hello World!');
+   *
+   * L.easyButton('fa-globe', function(btn, map){
+     *      helloPopup.setLatLng(map.getCenter()).openOn(map);
+     *  }).addTo( YOUR_LEAFLET_MAP );
+   */
+  function easyButton(icon: string,
+                      onClick: (btn: Control.EasyButton, map: L.Map) => void,
+                      title?: string,
+                      id?: string): Control.EasyButton;
+
+  /**
+   * Creates a easyButton
+   * @param options  the options object
+   * @example
+   *
+   *
+   * L.easyButton({
+   *  position: 'topleft',
+   *  leafletClasses: true,
+   *  states: [
+   *    {
+   *      stateName: 'center',
+   *      onClick: function(btn, map){},
+   *      title: 'Get Center',
+   *      icon: 'fa-globe'
+   *    }
+   *  ]
+   * }).addTo( YOUR_LEAFLET_MAP );
+   */
+  function easyButton(options: EasyButtonOptions): Control.EasyButton;
+
+  interface EasyBarOptions {
+    position?: ControlPosition
+    id?: string
+    leafletClasses?: boolean
+  }
+
+  interface EasyButtonOptions {
+    position?: ControlPosition
+    id?: string
+    type?: 'replace' | 'animate'
+    states?: EasyButtonState[]
+    leafletClasses?: boolean
+    tagName?: string
+  }
+
+  interface EasyButtonState {
+    stateName: string
+    onClick: (btn: L.Control.EasyButton, map: L.Map) => void
+    title: string
+    icon: string
+  }
+
+  namespace Control {
+    class EasyButton extends L.Control {
+      constructor(options?: EasyButtonOptions)
+
+      state(stateName: string): EasyButton
+      enable(): void
+      disable(): void
+    }
+
+    class EasyBar extends L.Control {
+      constructor(options?: EasyBarOptions)
+    }
+  }
+}