Socket
Socket
Sign inDemoInstall

@nextgis/control-container

Package Overview
Dependencies
Maintainers
3
Versions
115
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@nextgis/control-container - npm Package Compare versions

Comparing version 1.0.0-beta.5 to 1.0.0-beta.6

8

CHANGELOG.md

@@ -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 @@

2

lib/control-container.esm-browser.js

@@ -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"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc