From dc4fce994994e0ff926f263b250bf08e575bfa48 Mon Sep 17 00:00:00 2001
From: Danny Koppenhagen <Danny.Koppenhagen@deutschebahn.com>
Date: Wed, 20 Sep 2023 21:40:27 +0200
Subject: [PATCH] docs(ol-*-control): hide default controls

---
 src/demos/AttributionControlDemo.vue        | 2 +-
 src/demos/ContextMenuDemo.vue               | 1 +
 src/demos/ControlBarDemo.vue                | 1 +
 src/demos/FullscreenControlDemo.vue         | 2 +-
 src/demos/LayerswitcherControlDemo.vue      | 2 +-
 src/demos/LayerswitcherimageControlDemo.vue | 2 +-
 src/demos/MousepositionControlDemo.vue      | 2 +-
 src/demos/OverviewmapControlDemo.vue        | 2 +-
 src/demos/PrintdialogControlDemo.vue        | 2 +-
 src/demos/RotateControlDemo.vue             | 2 +-
 src/demos/ScalelineControlDemo.vue          | 2 +-
 src/demos/SwipeControlDemo.vue              | 2 +-
 src/demos/ToggleControlDemo.vue             | 2 +-
 src/demos/VideorecorderControlDemo.vue      | 2 +-
 src/demos/ZoneControlDemo.vue               | 1 +
 src/demos/ZoomControlDemo.vue               | 4 ++--
 src/demos/ZoomsliderControlDemo.vue         | 2 +-
 src/demos/ZoomtoextentControlDemo.vue       | 2 +-
 18 files changed, 19 insertions(+), 16 deletions(-)

diff --git a/src/demos/AttributionControlDemo.vue b/src/demos/AttributionControlDemo.vue
index 7f707b47..841403a9 100644
--- a/src/demos/AttributionControlDemo.vue
+++ b/src/demos/AttributionControlDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <ol-map ref="map" style="height: 400px">
+  <ol-map ref="map" style="height: 400px" :controls="[]">
     <ol-view
       ref="view"
       :center="center"
diff --git a/src/demos/ContextMenuDemo.vue b/src/demos/ContextMenuDemo.vue
index e9ced712..1b6814f6 100644
--- a/src/demos/ContextMenuDemo.vue
+++ b/src/demos/ContextMenuDemo.vue
@@ -4,6 +4,7 @@
     :loadTilesWhileInteracting="true"
     style="height: 400px"
     ref="map"
+    :controls="[]"
   >
     <ol-view
       :center="center"
diff --git a/src/demos/ControlBarDemo.vue b/src/demos/ControlBarDemo.vue
index 680ffe03..9add2421 100644
--- a/src/demos/ControlBarDemo.vue
+++ b/src/demos/ControlBarDemo.vue
@@ -4,6 +4,7 @@
     :loadTilesWhileAnimating="true"
     :loadTilesWhileInteracting="true"
     style="height: 800px"
+    :controls="[]"
   >
     <ol-view
       ref="view"
diff --git a/src/demos/FullscreenControlDemo.vue b/src/demos/FullscreenControlDemo.vue
index 159f6043..6c0ea14c 100644
--- a/src/demos/FullscreenControlDemo.vue
+++ b/src/demos/FullscreenControlDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <ol-map ref="map" style="height: 400px">
+  <ol-map ref="map" style="height: 400px" :controls="[]">
     <ol-view
       ref="view"
       :center="center"
diff --git a/src/demos/LayerswitcherControlDemo.vue b/src/demos/LayerswitcherControlDemo.vue
index e56f99e5..628e7924 100644
--- a/src/demos/LayerswitcherControlDemo.vue
+++ b/src/demos/LayerswitcherControlDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <ol-map ref="map" style="height: 400px">
+  <ol-map ref="map" style="height: 400px" :controls="[]">
     <ol-view
       ref="view"
       :center="center"
diff --git a/src/demos/LayerswitcherimageControlDemo.vue b/src/demos/LayerswitcherimageControlDemo.vue
index 4b3bab77..0ec0a2f9 100644
--- a/src/demos/LayerswitcherimageControlDemo.vue
+++ b/src/demos/LayerswitcherimageControlDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <ol-map ref="map" style="height: 400px">
+  <ol-map ref="map" style="height: 400px" :controls="[]">
     <ol-view
       ref="view"
       :center="center"
diff --git a/src/demos/MousepositionControlDemo.vue b/src/demos/MousepositionControlDemo.vue
index 5ddca8d5..f4fab4e7 100644
--- a/src/demos/MousepositionControlDemo.vue
+++ b/src/demos/MousepositionControlDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <ol-map ref="map" style="height: 400px">
+  <ol-map ref="map" style="height: 400px" :controls="[]">
     <ol-view
       ref="view"
       :center="center"
diff --git a/src/demos/OverviewmapControlDemo.vue b/src/demos/OverviewmapControlDemo.vue
index 72aed699..a96dd3e2 100644
--- a/src/demos/OverviewmapControlDemo.vue
+++ b/src/demos/OverviewmapControlDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <ol-map ref="map" style="height: 400px">
+  <ol-map ref="map" style="height: 400px" :controls="[]">
     <ol-view
       ref="view"
       :center="center"
diff --git a/src/demos/PrintdialogControlDemo.vue b/src/demos/PrintdialogControlDemo.vue
index 58cefa7f..699c888e 100644
--- a/src/demos/PrintdialogControlDemo.vue
+++ b/src/demos/PrintdialogControlDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <ol-map ref="map" style="height: 400px">
+  <ol-map ref="map" style="height: 400px" :controls="[]">
     <ol-view
       ref="view"
       :center="center"
diff --git a/src/demos/RotateControlDemo.vue b/src/demos/RotateControlDemo.vue
index 19acbfe9..9d1906ac 100644
--- a/src/demos/RotateControlDemo.vue
+++ b/src/demos/RotateControlDemo.vue
@@ -2,7 +2,7 @@
   <button class="btn-default" type="button" @click="rotateRight">
     Rotate right
   </button>
-  <ol-map style="height: 400px">
+  <ol-map style="height: 400px" :controls="[]">
     <ol-view ref="viewRef" :center="center" :zoom="zoom" :rotation="rotation" />
 
     <ol-tile-layer>
diff --git a/src/demos/ScalelineControlDemo.vue b/src/demos/ScalelineControlDemo.vue
index 6e1d136b..9966d7bb 100644
--- a/src/demos/ScalelineControlDemo.vue
+++ b/src/demos/ScalelineControlDemo.vue
@@ -2,7 +2,7 @@
   <button class="btn-default" type="button" @click="rotateRight">
     Rotate right
   </button>
-  <ol-map style="height: 400px">
+  <ol-map style="height: 400px" :controls="[]">
     <ol-view
       :center="center"
       :rotation="rotation"
diff --git a/src/demos/SwipeControlDemo.vue b/src/demos/SwipeControlDemo.vue
index 44a0a46d..961246fa 100644
--- a/src/demos/SwipeControlDemo.vue
+++ b/src/demos/SwipeControlDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <ol-map ref="map" style="height: 400px">
+  <ol-map ref="map" style="height: 400px" :controls="[]">
     <ol-view
       ref="view"
       :center="center"
diff --git a/src/demos/ToggleControlDemo.vue b/src/demos/ToggleControlDemo.vue
index 1a5350fb..065b8489 100644
--- a/src/demos/ToggleControlDemo.vue
+++ b/src/demos/ToggleControlDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <ol-map ref="map" style="height: 400px">
+  <ol-map ref="map" style="height: 400px" :controls="[]">
     <ol-view
       ref="view"
       :center="center"
diff --git a/src/demos/VideorecorderControlDemo.vue b/src/demos/VideorecorderControlDemo.vue
index 32e10e9c..89bd3b41 100644
--- a/src/demos/VideorecorderControlDemo.vue
+++ b/src/demos/VideorecorderControlDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <ol-map style="height: 400px">
+  <ol-map style="height: 400px" :controls="[]">
     <ol-view
       :center="center"
       :rotation="rotation"
diff --git a/src/demos/ZoneControlDemo.vue b/src/demos/ZoneControlDemo.vue
index 5b5d0d36..1607accd 100644
--- a/src/demos/ZoneControlDemo.vue
+++ b/src/demos/ZoneControlDemo.vue
@@ -4,6 +4,7 @@
     :loadTilesWhileAnimating="true"
     :loadTilesWhileInteracting="true"
     style="height: 400px"
+    :controls="[]"
   >
     <ol-view
       ref="view"
diff --git a/src/demos/ZoomControlDemo.vue b/src/demos/ZoomControlDemo.vue
index cce166c5..c2efda4f 100644
--- a/src/demos/ZoomControlDemo.vue
+++ b/src/demos/ZoomControlDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <ol-map style="height: 400px">
+  <ol-map style="height: 400px" :controls="[]">
     <ol-view
       :center="center"
       :rotation="rotation"
@@ -10,7 +10,7 @@
     <ol-tile-layer>
       <ol-source-osm />
     </ol-tile-layer>
-    <ol-zoom-control />
+    <ol-zoom-control zoomInLabel="➕" zoomOutLabel="➖" />
   </ol-map>
 </template>
 
diff --git a/src/demos/ZoomsliderControlDemo.vue b/src/demos/ZoomsliderControlDemo.vue
index 50f94da3..818a40e5 100644
--- a/src/demos/ZoomsliderControlDemo.vue
+++ b/src/demos/ZoomsliderControlDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <ol-map style="height: 400px">
+  <ol-map style="height: 400px" :controls="[]">
     <ol-view
       :center="center"
       :rotation="rotation"
diff --git a/src/demos/ZoomtoextentControlDemo.vue b/src/demos/ZoomtoextentControlDemo.vue
index 69b310e0..5257e12d 100644
--- a/src/demos/ZoomtoextentControlDemo.vue
+++ b/src/demos/ZoomtoextentControlDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <ol-map style="height: 400px">
+  <ol-map style="height: 400px" :controls="[]">
     <ol-view
       :center="center"
       :rotation="rotation"