@vaadin/map 23.2.0-alpha6 → 23.2.0-beta3

package/README.md

@@ -29,14 +29,6 @@ Once installed, import the component in your application:
 import '@vaadin/map';
 ```
 
-Map is currently an experimental feature and must be explicitly enabled through a feature flag.
-To do so, import the enabler module before the map component module itself:
-
-```js
-import '@vaadin/map/enable';
-import '@vaadin/map';
-```
-
 ## Contributing
 
 Read the [contributing guide](https://vaadin.com/docs/latest/guide/contributing/overview) to learn about our development process, how to propose bugfixes and improvements, and how to test your changes to Vaadin components.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/map",
-  "version": "23.2.0-alpha6",
+  "version": "23.2.0-beta3",
   "publishConfig": {
     "access": "public"
   },
@@ -21,7 +21,6 @@
   "module": "vaadin-map.js",
   "type": "module",
   "files": [
-    "enable.js",
     "src",
     "theme",
     "vaadin-*.d.ts",
@@ -38,8 +37,10 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "23.2.0-alpha6",
-    "@vaadin/vaadin-themable-mixin": "23.2.0-alpha6",
+    "@vaadin/component-base": "23.2.0-beta3",
+    "@vaadin/vaadin-lumo-styles": "23.2.0-beta3",
+    "@vaadin/vaadin-material-styles": "23.2.0-beta3",
+    "@vaadin/vaadin-themable-mixin": "23.2.0-beta3",
     "ol": "6.13.0"
   },
   "devDependencies": {
@@ -51,5 +52,5 @@
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "61f1fb56953434e97d34a8819640064301dd3d8a"
+  "gitHead": "3389e7d2dd4c94c6354817d4dc8c8d2db48c7137"
 }

package/src/vaadin-map.d.ts

@@ -23,7 +23,6 @@ import { ThemableMixin } from '@vaadin/vaadin-themable-mixin';
  * Then use the exposed OpenLayers API to configure it:
  * ```html
  * <script type="module">
- *   import "@vaadin/map/enable";
  *   import "@vaadin/map";
  *   import TileLayer from "ol/layer/Tile";
  *   import OSM from "ol/source/OSM";

package/src/vaadin-map.js

@@ -12,10 +12,6 @@ import { FocusMixin } from '@vaadin/component-base/src/focus-mixin.js';
 import { ResizeMixin } from '@vaadin/component-base/src/resize-mixin.js';
 import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
 
-function isEnabled() {
-  return window.Vaadin && window.Vaadin.featureFlags && !!window.Vaadin.featureFlags.mapComponent;
-}
-
 /**
  * `vaadin-map` is a web component for displaying web maps.
  *
@@ -32,7 +28,6 @@ function isEnabled() {
  * Then use the exposed OpenLayers API to configure it:
  * ```html
  * <script type="module">
- *   import "@vaadin/map/enable";
  *   import "@vaadin/map";
  *   import TileLayer from "ol/layer/Tile";
  *   import OSM from "ol/source/OSM";
@@ -460,12 +455,6 @@ class Map extends ResizeMixin(FocusMixin(ElementMixin(ThemableMixin(PolymerEleme
   }
 }
 
-if (isEnabled()) {
-  customElements.define(Map.is, Map);
-} else {
-  console.warn(
-    'WARNING: The map component is currently an experimental feature and needs to be explicitly enabled. To enable the component, `import "@vaadin/map/enable.js"` *before* importing the map module itself.',
-  );
-}
+customElements.define(Map.is, Map);
 
 export { Map };

package/web-types.json

@@ -1,14 +1,14 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/map",
-  "version": "23.2.0-alpha6",
+  "version": "23.2.0-beta3",
   "description-markup": "markdown",
   "contributions": {
     "html": {
       "elements": [
         {
           "name": "vaadin-map",
-          "description": "`vaadin-map` is a web component for displaying web maps.\n\nThe component is a light-weight wrapper around the OpenLayers mapping library.\n\n### Basic Usage\n\nAdd a `<vaadin-map>` element to your HTML:\n\n```html\n<vaadin-map></vaadin-map>\n```\n\nThen use the exposed OpenLayers API to configure it:\n```html\n<script type=\"module\">\n  import \"@vaadin/map/enable\";\n  import \"@vaadin/map\";\n  import TileLayer from \"ol/layer/Tile\";\n  import OSM from \"ol/source/OSM\";\n  import View from \"ol/View\";\n\n  const map = document.querySelector(\"vaadin-map\");\n  customElements.whenDefined(\"vaadin-map\").then(() => {\n    map.configuration.addLayer(new TileLayer({\n      source: new OSM()\n    }));\n    map.configuration.setView(new View({\n      center: [0, 0],\n      zoom: 3\n    }));\n  });\n</script>\n```",
+          "description": "`vaadin-map` is a web component for displaying web maps.\n\nThe component is a light-weight wrapper around the OpenLayers mapping library.\n\n### Basic Usage\n\nAdd a `<vaadin-map>` element to your HTML:\n\n```html\n<vaadin-map></vaadin-map>\n```\n\nThen use the exposed OpenLayers API to configure it:\n```html\n<script type=\"module\">\n  import \"@vaadin/map\";\n  import TileLayer from \"ol/layer/Tile\";\n  import OSM from \"ol/source/OSM\";\n  import View from \"ol/View\";\n\n  const map = document.querySelector(\"vaadin-map\");\n  customElements.whenDefined(\"vaadin-map\").then(() => {\n    map.configuration.addLayer(new TileLayer({\n      source: new OSM()\n    }));\n    map.configuration.setView(new View({\n      center: [0, 0],\n      zoom: 3\n    }));\n  });\n</script>\n```",
           "attributes": [
             {
               "name": "theme",

package/web-types.lit.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/map",
-  "version": "23.2.0-alpha6",
+  "version": "23.2.0-beta3",
   "description-markup": "markdown",
   "framework": "lit",
   "framework-config": {
@@ -16,7 +16,7 @@
       "elements": [
         {
           "name": "vaadin-map",
-          "description": "`vaadin-map` is a web component for displaying web maps.\n\nThe component is a light-weight wrapper around the OpenLayers mapping library.\n\n### Basic Usage\n\nAdd a `<vaadin-map>` element to your HTML:\n\n```html\n<vaadin-map></vaadin-map>\n```\n\nThen use the exposed OpenLayers API to configure it:\n```html\n<script type=\"module\">\n  import \"@vaadin/map/enable\";\n  import \"@vaadin/map\";\n  import TileLayer from \"ol/layer/Tile\";\n  import OSM from \"ol/source/OSM\";\n  import View from \"ol/View\";\n\n  const map = document.querySelector(\"vaadin-map\");\n  customElements.whenDefined(\"vaadin-map\").then(() => {\n    map.configuration.addLayer(new TileLayer({\n      source: new OSM()\n    }));\n    map.configuration.setView(new View({\n      center: [0, 0],\n      zoom: 3\n    }));\n  });\n</script>\n```",
+          "description": "`vaadin-map` is a web component for displaying web maps.\n\nThe component is a light-weight wrapper around the OpenLayers mapping library.\n\n### Basic Usage\n\nAdd a `<vaadin-map>` element to your HTML:\n\n```html\n<vaadin-map></vaadin-map>\n```\n\nThen use the exposed OpenLayers API to configure it:\n```html\n<script type=\"module\">\n  import \"@vaadin/map\";\n  import TileLayer from \"ol/layer/Tile\";\n  import OSM from \"ol/source/OSM\";\n  import View from \"ol/View\";\n\n  const map = document.querySelector(\"vaadin-map\");\n  customElements.whenDefined(\"vaadin-map\").then(() => {\n    map.configuration.addLayer(new TileLayer({\n      source: new OSM()\n    }));\n    map.configuration.setView(new View({\n      center: [0, 0],\n      zoom: 3\n    }));\n  });\n</script>\n```",
           "extension": true,
           "attributes": []
         }

package/enable.js

@@ -1,3 +0,0 @@
-window.Vaadin = window.Vaadin || {};
-window.Vaadin.featureFlags = window.Vaadin.featureFlags || {};
-window.Vaadin.featureFlags.mapComponent = true;