@nextgis/control-container
Advanced tools
Comparing version 1.0.0-beta.5 to 1.0.0-beta.6
@@ -6,2 +6,10 @@ # Change Log | ||
# [1.0.0-beta.6](https://github.com/nextgis/nextgis_frontend/compare/v1.0.0-beta.5...v1.0.0-beta.6) (2021-04-04) | ||
**Note:** Version bump only for package @nextgis/control-container | ||
# [1.0.0-beta.5](https://github.com/nextgis/nextgis_frontend/compare/v1.0.0-beta.4...v1.0.0-beta.5) (2021-02-13) | ||
@@ -8,0 +16,0 @@ |
@@ -1,2 +0,2 @@ | ||
/** Bundle of @nextgis/control-container; version: 1.0.0-beta.5; author: NextGIS */ | ||
/** Bundle of @nextgis/control-container; version: 1.0.0-beta.6; author: NextGIS */ | ||
function create(tagName, className, container) { | ||
@@ -3,0 +3,0 @@ const el = window.document.createElement(tagName); |
@@ -1,3 +0,3 @@ | ||
/** Bundle of @nextgis/control-container; version: 1.0.0-beta.5; author: NextGIS */ | ||
import { create, remove, getElement } from '@nextgis/dom'; | ||
/** Bundle of @nextgis/control-container; version: 1.0.0-beta.6; author: NextGIS */ | ||
import * as dom from '@nextgis/dom'; | ||
@@ -10,3 +10,3 @@ class ZoomControl { | ||
if (!this._container) { | ||
const container = create('div', 'webmap-ctrl webmap-ctrl-group'); | ||
const container = dom.create('div', 'webmap-ctrl webmap-ctrl-group'); | ||
this._container = container; | ||
@@ -20,3 +20,3 @@ this._createContent(); | ||
if (this._container) { | ||
remove(this._container); | ||
dom.remove(this._container); | ||
} | ||
@@ -54,6 +54,6 @@ } | ||
if (this._container) { | ||
const zoomInBtn = create('button', 'webmap-ctrl-zoom-in', this._container); | ||
const zoomInBtn = dom.create('button', 'webmap-ctrl-zoom-in', this._container); | ||
zoomInBtn.innerHTML = | ||
'<span class="webmap-ctrl-icon" aria-hidden="true"></span>'; | ||
const zoomOutBtn = create('button', 'webmap-ctrl-zoom-out', this._container); | ||
const zoomOutBtn = dom.create('button', 'webmap-ctrl-zoom-out', this._container); | ||
zoomOutBtn.innerHTML = | ||
@@ -93,3 +93,3 @@ '<span class="webmap-ctrl-icon" aria-hidden="true"></span>'; | ||
addTo(el) { | ||
const el_ = getElement(el); | ||
const el_ = dom.getElement(el); | ||
if (el_) { | ||
@@ -96,0 +96,0 @@ el_.appendChild(this._container); |
@@ -1,1 +0,1 @@ | ||
import{create as t,remove as n,getElement as o}from"@nextgis/dom";class i{constructor(t={}){this.classPrefix="webmap",this._positionsContainers={"bottom-left":null,"bottom-right":null,"top-left":null,"top-right":null},this.classPrefix=t.classPrefix||this.classPrefix,this.addClass=t.addClass,this.map=t.map,this._container=this.createContainerElement()}addTo(t){const n=o(t);return n&&n.appendChild(this._container),this}detach(){const t=this._container.parentElement;t&&t.removeChild(this._container)}getContainer(){return this._container}getPositionContainer(t){const n=this._positionsContainers[t];if(n)return n}newPositionContainer(t){const n=this.getPositionContainer(t);if(n){const o=document.createElement("div");return o.className="openlayers-ctrl",-1!==t.indexOf("bottom")&&n.childElementCount?n.insertBefore(o,n.firstChild):n.appendChild(o),o}}addControl(t,n){const o=t.onAdd(this.map);o instanceof HTMLElement&&this.append(o,n)}append(t,n){const o=this._positionsContainers[n];if(o){if("string"==typeof t){const n=document.createElement("div");n.outerHTML=t,t=n}o.appendChild(t)}}createContainerElement(){const t=document.createElement("div");t.className=`${this.classPrefix}-control-container`+(this.addClass?" "+this.addClass:"");return["top-right","top-left","bottom-right","bottom-left"].forEach((n=>{const o=this._createPositionContainer(n);this._positionsContainers[n]=o,t.appendChild(o)})),t}_createPositionContainer(t){const n=document.createElement("div");return n.className=`${this.classPrefix}-ctrl-${t}`,n}}i.controls={ZOOM:class{onAdd(n){if(this.map||(this.map=n),!this._container){const n=t("div","webmap-ctrl webmap-ctrl-group");this._container=n,this._createContent()}return this._container}onRemove(){this.map=void 0,this._container&&n(this._container)}zoomIn(){if(this.map)if(this.map.zoomIn)this.map.zoomIn();else{const t=this.map.getZoom();if(t){this.map.setZoom(t+1)}}}zoomOut(){if(this.map)if(this.map.zoomOut)this.map.zoomOut();else{const t=this.map.getZoom();if(t){this.map.setZoom(t-1)}}}_createContent(){if(this._container){const n=t("button","webmap-ctrl-zoom-in",this._container);n.innerHTML='<span class="webmap-ctrl-icon" aria-hidden="true"></span>';const o=t("button","webmap-ctrl-zoom-out",this._container);o.innerHTML='<span class="webmap-ctrl-icon" aria-hidden="true"></span>',this.__onZoomInBtnClick=()=>this._onZoomInBtnClick(),n.addEventListener("click",this.__onZoomInBtnClick),this.__onZoomOutBtnClick=()=>this._onZoomOutBtnClick(),o.addEventListener("click",this.__onZoomOutBtnClick)}}_onZoomInBtnClick(){this.zoomIn()}_onZoomOutBtnClick(){this.zoomOut()}}};export default i; | ||
import*as t from"@nextgis/dom";class n{constructor(t={}){this.classPrefix="webmap",this._positionsContainers={"bottom-left":null,"bottom-right":null,"top-left":null,"top-right":null},this.classPrefix=t.classPrefix||this.classPrefix,this.addClass=t.addClass,this.map=t.map,this._container=this.createContainerElement()}addTo(n){const o=t.getElement(n);return o&&o.appendChild(this._container),this}detach(){const t=this._container.parentElement;t&&t.removeChild(this._container)}getContainer(){return this._container}getPositionContainer(t){const n=this._positionsContainers[t];if(n)return n}newPositionContainer(t){const n=this.getPositionContainer(t);if(n){const o=document.createElement("div");return o.className="openlayers-ctrl",-1!==t.indexOf("bottom")&&n.childElementCount?n.insertBefore(o,n.firstChild):n.appendChild(o),o}}addControl(t,n){const o=t.onAdd(this.map);o instanceof HTMLElement&&this.append(o,n)}append(t,n){const o=this._positionsContainers[n];if(o){if("string"==typeof t){const n=document.createElement("div");n.outerHTML=t,t=n}o.appendChild(t)}}createContainerElement(){const t=document.createElement("div");t.className=`${this.classPrefix}-control-container`+(this.addClass?" "+this.addClass:"");return["top-right","top-left","bottom-right","bottom-left"].forEach((n=>{const o=this._createPositionContainer(n);this._positionsContainers[n]=o,t.appendChild(o)})),t}_createPositionContainer(t){const n=document.createElement("div");return n.className=`${this.classPrefix}-ctrl-${t}`,n}}n.controls={ZOOM:class{onAdd(n){if(this.map||(this.map=n),!this._container){const n=t.create("div","webmap-ctrl webmap-ctrl-group");this._container=n,this._createContent()}return this._container}onRemove(){this.map=void 0,this._container&&t.remove(this._container)}zoomIn(){if(this.map)if(this.map.zoomIn)this.map.zoomIn();else{const t=this.map.getZoom();if(t){this.map.setZoom(t+1)}}}zoomOut(){if(this.map)if(this.map.zoomOut)this.map.zoomOut();else{const t=this.map.getZoom();if(t){this.map.setZoom(t-1)}}}_createContent(){if(this._container){const n=t.create("button","webmap-ctrl-zoom-in",this._container);n.innerHTML='<span class="webmap-ctrl-icon" aria-hidden="true"></span>';const o=t.create("button","webmap-ctrl-zoom-out",this._container);o.innerHTML='<span class="webmap-ctrl-icon" aria-hidden="true"></span>',this.__onZoomInBtnClick=()=>this._onZoomInBtnClick(),n.addEventListener("click",this.__onZoomInBtnClick),this.__onZoomOutBtnClick=()=>this._onZoomOutBtnClick(),o.addEventListener("click",this.__onZoomOutBtnClick)}}_onZoomInBtnClick(){this.zoomIn()}_onZoomOutBtnClick(){this.zoomOut()}}};export default n; |
@@ -1,2 +0,2 @@ | ||
/** Bundle of @nextgis/control-container; version: 1.0.0-beta.5; author: NextGIS */ | ||
/** Bundle of @nextgis/control-container; version: 1.0.0-beta.6; author: NextGIS */ | ||
var ControlContainer = (function () { | ||
@@ -3,0 +3,0 @@ 'use strict'; |
{ | ||
"name": "@nextgis/control-container", | ||
"version": "1.0.0-beta.5", | ||
"version": "1.0.0-beta.6", | ||
"description": "Placing control elements in the corners of the map container", | ||
@@ -11,9 +11,10 @@ "main": "lib/control-container.global.prod.js", | ||
"dependencies": { | ||
"@nextgis/dom": "^1.0.0-beta.5", | ||
"@nextgis/utils": "^1.0.0-beta.5", | ||
"@nextgis/webmap": "^1.0.0-beta.5", | ||
"events": "^3.2.0" | ||
"@nextgis/dom": "^1.0.0-beta.6", | ||
"@nextgis/utils": "^1.0.0-beta.6", | ||
"@nextgis/webmap": "^1.0.0-beta.6", | ||
"@types/events": "^3.0.0", | ||
"events": "^3.3.0" | ||
}, | ||
"devDependencies": { | ||
"@nextgis/build-tools": "^1.0.0-beta.5" | ||
"@nextgis/build-tools": "^1.0.0-beta.6" | ||
}, | ||
@@ -53,3 +54,3 @@ "buildOptions": { | ||
}, | ||
"gitHead": "e1d1c4de64b4375a162eebe155b86c44cd269162" | ||
"gitHead": "780cefd81730fdb7bc71eeefc89f961bcb518aa1" | ||
} |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
46412
5
+ Added@types/events@^3.0.0
Updated@nextgis/dom@^1.0.0-beta.6
Updated@nextgis/utils@^1.0.0-beta.6
Updatedevents@^3.3.0