New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@rapal/optimaze-viewer

Package Overview
Dependencies
Maintainers
1
Versions
7
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@rapal/optimaze-viewer - npm Package Compare versions

Comparing version

0.3.2
to
0.4.0

src/fixedcircle.ts
types/fixedcircle.d.ts
types/Space.d.ts

7

.vscode/settings.json
{
"prettier.tabWidth": 2,
"editor.tabSize": 2
}
"prettier.tabWidth": 2,
"editor.tabSize": 2,
"tslint.enable": true
}

626

dist/optimaze-viewer.js
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('leaflet')) :
typeof define === 'function' && define.amd ? define(['exports', 'leaflet'], factory) :
(factory((global.optimazeViewer = {}),global.L));
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('leaflet')) :
typeof define === 'function' && define.amd ? define(['exports', 'leaflet'], factory) :
(factory((global.optimazeViewer = {}),global.L));
}(this, (function (exports,L) { 'use strict';
/*! *****************************************************************************
Copyright (c) Microsoft Corporation. All rights reserved.
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
this file except in compliance with the License. You may obtain a copy of the
License at http://www.apache.org/licenses/LICENSE-2.0
/*! *****************************************************************************
Copyright (c) Microsoft Corporation. All rights reserved.
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
this file except in compliance with the License. You may obtain a copy of the
License at http://www.apache.org/licenses/LICENSE-2.0
THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
MERCHANTABLITY OR NON-INFRINGEMENT.
THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
MERCHANTABLITY OR NON-INFRINGEMENT.
See the Apache Version 2.0 License for specific language governing permissions
and limitations under the License.
***************************************************************************** */
/* global Reflect, Promise */
See the Apache Version 2.0 License for specific language governing permissions
and limitations under the License.
***************************************************************************** */
/* global Reflect, Promise */
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function(d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
function __extends(d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
}
var __assign = Object.assign || function __assign(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
function __extends(d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
}
return t;
};
/**
* Gets bounds from dimensions.
*/
function getBounds(dimensions) {
var southWest = new L.LatLng(dimensions.minY, dimensions.minX);
var northEast = new L.LatLng(dimensions.maxY, dimensions.maxX);
return new L.LatLngBounds(southWest, northEast);
}
var FunctionalTileLayer = /** @class */ (function (_super) {
__extends(FunctionalTileLayer, _super);
/**
* Tile layer where the image url is resolved using a function instead of a template.
* Can be used to fetch images as data urls from an authenticated API.
* Uses appropriate default options for Optimaze graphics layers.
* Default options can be overwritten or extended by passing custom options.
*/
function FunctionalTileLayer(tileFunction, dimensions, options) {
var _this = this;
var defaultOptions = {
tileSize: L.Browser.retina ? 384 / 2 : 384,
bounds: getBounds(dimensions),
minZoom: 0,
maxZoom: 10,
maxNativeZoom: 4,
noWrap: true
var __assign = function() {
__assign = Object.assign || function __assign(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
}
return t;
};
var combinedOptions = __assign({}, defaultOptions, options);
_this = _super.call(this, "", combinedOptions) || this;
_this._tileFunction = tileFunction;
return _this;
}
/**
* Overrides the default tile creation method.
* Creates an img element and calls the tile function to get a promise to resolve the url.
*/
FunctionalTileLayer.prototype.createTile = function (coordinates, done) {
var _this = this;
var tile = document.createElement("img");
L.DomEvent.on(tile, "load", L.Util.bind(this._tileOnLoad, this, done, tile));
L.DomEvent.on(tile, "error", L.Util.bind(this._tileOnError, this, done, tile));
if (this.options.crossOrigin) {
tile.crossOrigin = "";
}
tile.alt = "";
tile.setAttribute("role", "presentation");
var fixedCoordinates = {
x: coordinates.x,
y: coordinates.y,
z: coordinates.z + (this.options.zoomOffset || 0)
};
this._tileFunction(fixedCoordinates).then(function (url) {
tile.src = url;
_this.fire("tileloadstart", {
tile: tile,
url: tile.src
});
});
return tile;
return __assign.apply(this, arguments);
};
return FunctionalTileLayer;
}(L.TileLayer));
/**
* Enum for Optimaze graphics tile layers.
*/
(function (GraphicsLayer) {
GraphicsLayer[GraphicsLayer["BearingArea"] = 3] = "BearingArea";
GraphicsLayer[GraphicsLayer["RentableArea"] = 4] = "RentableArea";
GraphicsLayer[GraphicsLayer["GrossArea"] = 5] = "GrossArea";
GraphicsLayer[GraphicsLayer["Architect"] = 6] = "Architect";
GraphicsLayer[GraphicsLayer["Furniture"] = 7] = "Furniture";
GraphicsLayer[GraphicsLayer["OuterWall"] = 8] = "OuterWall";
GraphicsLayer[GraphicsLayer["Elevators"] = 9] = "Elevators";
GraphicsLayer[GraphicsLayer["Shafts"] = 11] = "Shafts";
GraphicsLayer[GraphicsLayer["Atrium"] = 23] = "Atrium";
})(exports.GraphicsLayer || (exports.GraphicsLayer = {}));
function getTileSize() {
var baseTileSize = 384;
return L.Browser.retina ? baseTileSize / 2 : baseTileSize;
}
function getCRS(dimensions) {
var tileSize = getTileSize();
var lengthX = dimensions.maxX - dimensions.minX;
var lengthY = dimensions.maxY - dimensions.minY;
var lengthMax = Math.max(lengthX, lengthY);
var minLat = (lengthMax - lengthY) / 2 - lengthMax;
var minLng = (lengthMax - lengthX) / 2;
var offsetY = minLat - dimensions.minY;
var offsetX = minLng - dimensions.minX;
return L.Util.extend(L.CRS, {
projection: L.Projection.LonLat,
transformation: new L.Transformation(1, offsetX, -1, -offsetY),
scale: function (zoom) {
return tileSize / lengthMax * Math.pow(2, zoom);
},
zoom: function (scale) {
return Math.log(scale * lengthMax / tileSize) / Math.LN2;
},
getSize: function (zoom) {
var s = this.scale(zoom) / this.lengthMax;
return new L.Point(s, s);
},
infinite: true
});
}
var Viewer = /** @class */ (function (_super) {
__extends(Viewer, _super);
/**
* The viewer is a map for showing floor plans. It extends L.Map with
* a custom coordinate reference system, initial bounds based on floor plan
* dimensions, and appropriate default options for the map.
* Default options can be overwritten or extended by passing custom options.
* Gets bounds from dimensions.
*/
function Viewer(element, dimensions, mapOptions) {
var _this = this;
var defaultMapOptions = {
attributionControl: false,
minZoom: 0,
maxZoom: 10,
doubleClickZoom: false,
zoomSnap: 0,
zoomDelta: 0.3
};
var combinedMapOptions = __assign({}, defaultMapOptions, mapOptions);
_this = _super.call(this, element, combinedMapOptions) || this;
_this.dimensions = dimensions;
return _this;
function getBounds(dimensions) {
var southWest = new L.LatLng(dimensions.minY, dimensions.minX);
var northEast = new L.LatLng(dimensions.maxY, dimensions.maxX);
return new L.LatLngBounds(southWest, northEast);
}
Object.defineProperty(Viewer.prototype, "dimensions", {
var FunctionalTileLayer = /** @class */ (function (_super) {
__extends(FunctionalTileLayer, _super);
/**
* The dimensions of the floor plan. One coordinate equals one millimeter.
* Initially set in constructor, but can be updated later.
* Setting dimensions fits the map bounds to the dimensions.
* Tile layer where the image url is resolved using a function instead of a template.
* Can be used to fetch images as data urls from an authenticated API.
* Uses appropriate default options for Optimaze graphics layers.
* Default options can be overwritten or extended by passing custom options.
*/
get: function () {
return this._dimensions;
},
set: function (dimensions) {
this._dimensions = dimensions;
var crs = getCRS(dimensions);
this.options.crs = crs;
var bounds = getBounds(dimensions);
this.fitBounds(bounds);
},
enumerable: true,
configurable: true
});
return Viewer;
}(L.Map));
var Element = /** @class */ (function (_super) {
__extends(Element, _super);
/**
* An element has one or more paths and can be selected and styled.
* Extends L.FeatureGroup which provides interaction events.
*/
function Element(id, paths, options) {
if (options === void 0) { options = {}; }
var _this = _super.call(this, paths) || this;
_this._selectable = false;
_this._selected = false;
_this._styleFunction = function (element) { return ({
color: element.selected ? "#f00" : "#666",
weight: element.selected ? 2 : 0.5,
opacity: 1,
fillColor: element.selected ? "#fbb" : "#eee",
fillOpacity: 0.7
}); };
_this.id = id;
if (options.selectable !== undefined) {
_this.selectable = options.selectable;
function FunctionalTileLayer(tileFunction, dimensions, options) {
var _this = this;
var defaultOptions = {
tileSize: getTileSize(),
bounds: getBounds(dimensions),
minZoom: 0,
maxZoom: 10,
maxNativeZoom: 4,
noWrap: true
};
var combinedOptions = __assign({}, defaultOptions, options);
_this = _super.call(this, "", combinedOptions) || this;
_this._tileFunction = tileFunction;
return _this;
}
if (options.selected !== undefined) {
_this._selected = options.selected;
}
if (options.styleFunction !== undefined) {
_this._styleFunction = options.styleFunction;
}
_this.updateStyle();
return _this;
}
Object.defineProperty(Element.prototype, "styleFunction", {
/**
* Function that is used to update the path styles for the element.
* Used in the constructor and whenever updateStyles() is called.
* Overrides the default tile creation method.
* Creates an img element and calls the tile function to get a promise to resolve the url.
*/
set: function (styleFunction) {
this._styleFunction = styleFunction;
this.updateStyle();
},
enumerable: true,
configurable: true
});
Object.defineProperty(Element.prototype, "selectable", {
get: function () {
return this._selectable;
},
FunctionalTileLayer.prototype.createTile = function (coordinates, done) {
var _this = this;
var tile = document.createElement("img");
L.DomEvent.on(tile, "load", L.Util.bind(this._tileOnLoad, this, done, tile));
L.DomEvent.on(tile, "error", L.Util.bind(this._tileOnError, this, done, tile));
if (this.options.crossOrigin) {
tile.crossOrigin = "";
}
tile.alt = "";
tile.setAttribute("role", "presentation");
var fixedCoordinates = {
x: coordinates.x,
y: coordinates.y,
z: coordinates.z + (this.options.zoomOffset || 0)
};
this._tileFunction(fixedCoordinates).then(function (url) {
tile.src = url;
_this.fire("tileloadstart", {
tile: tile,
url: tile.src
});
});
return tile;
};
return FunctionalTileLayer;
}(L.TileLayer));
(function (GraphicsLayer) {
GraphicsLayer[GraphicsLayer["BearingArea"] = 3] = "BearingArea";
GraphicsLayer[GraphicsLayer["RentableArea"] = 4] = "RentableArea";
GraphicsLayer[GraphicsLayer["GrossArea"] = 5] = "GrossArea";
GraphicsLayer[GraphicsLayer["Architect"] = 6] = "Architect";
GraphicsLayer[GraphicsLayer["Furniture"] = 7] = "Furniture";
GraphicsLayer[GraphicsLayer["OuterWall"] = 8] = "OuterWall";
GraphicsLayer[GraphicsLayer["Elevators"] = 9] = "Elevators";
GraphicsLayer[GraphicsLayer["Shafts"] = 11] = "Shafts";
GraphicsLayer[GraphicsLayer["Atrium"] = 23] = "Atrium";
})(exports.GraphicsLayer || (exports.GraphicsLayer = {}));
function getTileSize() {
var baseTileSize = 384;
return L.Browser.retina ? baseTileSize / 2 : baseTileSize;
}
function getCRS(dimensions) {
var tileSize = getTileSize();
var lengthX = dimensions.maxX - dimensions.minX;
var lengthY = dimensions.maxY - dimensions.minY;
var lengthMax = Math.max(lengthX, lengthY);
var minLat = (lengthMax - lengthY) / 2 - lengthMax;
var minLng = (lengthMax - lengthX) / 2;
var offsetY = minLat - dimensions.minY;
var offsetX = minLng - dimensions.minX;
return L.Util.extend(L.CRS, {
projection: L.Projection.LonLat,
transformation: new L.Transformation(1, offsetX, -1, -offsetY),
scale: function (zoom) {
return tileSize / lengthMax * Math.pow(2, zoom);
},
zoom: function (scale) {
return Math.log(scale * lengthMax / tileSize) / Math.LN2;
},
getSize: function (zoom) {
var s = this.scale(zoom) / this.lengthMax;
return new L.Point(s, s);
},
infinite: true
});
}
var Viewer = /** @class */ (function (_super) {
__extends(Viewer, _super);
/**
* Whether the element can be selected.
* If true, clicking the element selects or deselects it.
* The viewer is a map for showing floor plans. It extends L.Map with
* a custom coordinate reference system, initial bounds based on floor plan
* dimensions, and appropriate default options for the map.
* Default options can be overwritten or extended by passing custom options.
*/
set: function (value) {
function Viewer(element, dimensions, mapOptions) {
var _this = this;
this._selectable = value;
var onClick = function () {
_this.selected = !_this.selected;
var defaultMapOptions = {
attributionControl: false,
minZoom: 0,
maxZoom: 10,
doubleClickZoom: false,
zoomSnap: 0,
zoomDelta: 0.3
};
if (value) {
this.on("click", onClick);
var combinedMapOptions = __assign({}, defaultMapOptions, mapOptions);
_this = _super.call(this, element, combinedMapOptions) || this;
_this.dimensions = dimensions;
return _this;
}
Object.defineProperty(Viewer.prototype, "dimensions", {
/**
* The dimensions of the floor plan. One coordinate equals one millimeter.
* Initially set in constructor, but can be updated later.
* Setting dimensions fits the map bounds to the dimensions.
*/
get: function () {
return this._dimensions;
},
set: function (dimensions) {
this._dimensions = dimensions;
var crs = getCRS(dimensions);
this.options.crs = crs;
var bounds = getBounds(dimensions);
this.fitBounds(bounds);
},
enumerable: true,
configurable: true
});
return Viewer;
}(L.Map));
var Element = /** @class */ (function (_super) {
__extends(Element, _super);
/**
* An element has one or more paths and can be selected and styled.
* Extends L.FeatureGroup which provides interaction events.
*/
function Element(id, paths, options) {
if (options === void 0) { options = {}; }
var _this = _super.call(this, paths) || this;
_this._selectable = false;
_this._selected = false;
_this._styleFunction = function (element) { return ({
color: element.selected ? "#f00" : "#666",
weight: element.selected ? 2 : 0.5,
opacity: 1,
fillColor: element.selected ? "#fbb" : "#eee",
fillOpacity: 0.7
}); };
_this.id = id;
if (options.selectable !== undefined) {
_this.selectable = options.selectable;
}
else {
this.off("click", onClick);
if (options.selected !== undefined) {
_this._selected = options.selected;
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(Element.prototype, "selected", {
if (options.styleFunction !== undefined) {
_this._styleFunction = options.styleFunction;
}
_this.updateStyle();
return _this;
}
Object.defineProperty(Element.prototype, "styleFunction", {
/**
* Function that is used to update the path styles for the element.
* Used in the constructor and whenever updateStyles() is called.
*/
set: function (styleFunction) {
this._styleFunction = styleFunction;
this.updateStyle();
},
enumerable: true,
configurable: true
});
Object.defineProperty(Element.prototype, "selectable", {
get: function () {
return this._selectable;
},
/**
* Whether the element can be selected.
* If true, clicking the element selects or deselects it.
*/
set: function (value) {
var _this = this;
this._selectable = value;
var onClick = function () {
_this.selected = !_this.selected;
};
if (value) {
this.on("click", onClick);
}
else {
this.off("click", onClick);
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(Element.prototype, "selected", {
/**
* Whether the element is currently selected.
* Assigning a value fires the 'select' and 'deselect' events.
*/
get: function () {
return this._selected;
},
set: function (value) {
if (this.selectable) {
if (value && !this._selected) {
this._selected = true;
this.fire("select", this);
this.updateStyle();
}
if (!value && this.selected) {
this._selected = false;
this.fire("deselect", this);
this.updateStyle();
}
}
},
enumerable: true,
configurable: true
});
/**
* Whether the element is currently selected.
* Assigning a value fires the 'select' and 'deselect' events.
* Updates the path styles using the current styleFunction.
*/
get: function () {
return this._selected;
},
set: function (value) {
if (this.selectable) {
if (value && !this._selected) {
this._selected = true;
this.fire("select", this);
this.updateStyle();
Element.prototype.updateStyle = function () {
var style = this._styleFunction(this);
this.eachLayer(function (layer) {
if (layer instanceof L.Path) {
layer.setStyle(style);
}
if (!value && this.selected) {
this._selected = false;
this.fire("deselect", this);
this.updateStyle();
}
}
},
enumerable: true,
configurable: true
});
});
return this;
};
return Element;
}(L.FeatureGroup));
var Space = /** @class */ (function (_super) {
__extends(Space, _super);
/**
* A space is an element that is created based on vector boundaries.
*/
function Space(id, boundaries, polylineOptions, elementOptions) {
var _this = this;
var polygons = Space.getPolygons(boundaries, polylineOptions);
_this = _super.call(this, id, polygons, elementOptions) || this;
return _this;
}
Space.getPolygons = function (boundaries, polylineOptions) {
var getLatLngs = function (coordinates) {
return coordinates.map(function (c) { return new L.LatLng(c.y, c.x); });
};
var holes = boundaries
.filter(function (b) { return b.isVoid; })
.map(function (b) { return getLatLngs(b.coordinates); });
var polygons = boundaries
.filter(function (b) { return !b.isVoid; })
.map(function (b) { return getLatLngs(b.coordinates); })
.map(function (latlngs) { return new L.Polygon([latlngs].concat(holes), polylineOptions); });
return polygons;
};
return Space;
}(Element));
/**
* Updates the path styles using the current styleFunction.
* Override circle projection so that radius is always the same for circles of the same size.
* Without this fix, circle projected radius will vary by 1-2px depending on circle location.
*/
Element.prototype.updateStyle = function () {
var style = this._styleFunction(this);
this.eachLayer(function (layer) {
if (layer instanceof L.Path) {
layer.setStyle(style);
var FixedCircle = /** @class */ (function (_super) {
__extends(FixedCircle, _super);
function FixedCircle() {
return _super !== null && _super.apply(this, arguments) || this;
}
FixedCircle.prototype._project = function () {
var map = this._map;
var crs = map.options.crs;
if (!crs) {
return;
}
});
return this;
};
return Element;
}(L.FeatureGroup));
var Space = /** @class */ (function (_super) {
__extends(Space, _super);
/**
* A space is an element that is created based on vector boundaries.
*/
function Space(id, boundaries, polylineOptions, elementOptions) {
var _this = this;
var polygons = Space.getPolygons(boundaries, polylineOptions);
_this = _super.call(this, id, polygons, elementOptions) || this;
return _this;
}
Space.getPolygons = function (boundaries, polylineOptions) {
var getLatLngs = function (coordinates) {
return coordinates.map(function (c) { return new L.LatLng(c.y, c.x); });
var latlng2 = crs.unproject(crs.project(this._latlng).subtract([this._mRadius, 0]));
// Calculate radius using non-rounded values to prevent rounding errors
var point = crs.latLngToPoint(L.latLng(this._latlng), map.getZoom());
var point2 = crs.latLngToPoint(L.latLng(latlng2), map.getZoom());
var radius = Math.round(point.x - point2.x);
this._point = map.latLngToLayerPoint(this._latlng);
this._radius = radius;
this._updateBounds();
};
var holes = boundaries
.filter(function (b) { return b.isVoid; })
.map(function (b) { return getLatLngs(b.coordinates); });
var polygons = boundaries
.filter(function (b) { return !b.isVoid; })
.map(function (b) { return getLatLngs(b.coordinates); })
.map(function (latlngs) { return new L.Polygon([latlngs].concat(holes), polylineOptions); });
return polygons;
};
return Space;
}(Element));
return FixedCircle;
}(L.Circle));
exports.Viewer = Viewer;
exports.Element = Element;
exports.Space = Space;
exports.FunctionalTileLayer = FunctionalTileLayer;
exports.Viewer = Viewer;
exports.Element = Element;
exports.Space = Space;
exports.FunctionalTileLayer = FunctionalTileLayer;
exports.FixedCircle = FixedCircle;
Object.defineProperty(exports, '__esModule', { value: true });
Object.defineProperty(exports, '__esModule', { value: true });
})));

2

dist/optimaze-viewer.min.js

@@ -1,1 +0,1 @@

(function(global,factory){typeof exports==="object"&&typeof module!=="undefined"?factory(exports,require("leaflet")):typeof define==="function"&&define.amd?define(["exports","leaflet"],factory):factory(global.optimazeViewer={},global.L)})(this,function(exports,L){"use strict";var extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(d,b){d.__proto__=b}||function(d,b){for(var p in b)if(b.hasOwnProperty(p))d[p]=b[p]};function __extends(d,b){extendStatics(d,b);function __(){this.constructor=d}d.prototype=b===null?Object.create(b):(__.prototype=b.prototype,new __)}var __assign=Object.assign||function __assign(t){for(var s,i=1,n=arguments.length;i<n;i++){s=arguments[i];for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))t[p]=s[p]}return t};function getBounds(dimensions){var southWest=new L.LatLng(dimensions.minY,dimensions.minX);var northEast=new L.LatLng(dimensions.maxY,dimensions.maxX);return new L.LatLngBounds(southWest,northEast)}var FunctionalTileLayer=function(_super){__extends(FunctionalTileLayer,_super);function FunctionalTileLayer(tileFunction,dimensions,options){var _this=this;var defaultOptions={tileSize:L.Browser.retina?384/2:384,bounds:getBounds(dimensions),minZoom:0,maxZoom:10,maxNativeZoom:4,noWrap:true};var combinedOptions=__assign({},defaultOptions,options);_this=_super.call(this,"",combinedOptions)||this;_this._tileFunction=tileFunction;return _this}FunctionalTileLayer.prototype.createTile=function(coordinates,done){var _this=this;var tile=document.createElement("img");L.DomEvent.on(tile,"load",L.Util.bind(this._tileOnLoad,this,done,tile));L.DomEvent.on(tile,"error",L.Util.bind(this._tileOnError,this,done,tile));if(this.options.crossOrigin){tile.crossOrigin=""}tile.alt="";tile.setAttribute("role","presentation");var fixedCoordinates={x:coordinates.x,y:coordinates.y,z:coordinates.z+(this.options.zoomOffset||0)};this._tileFunction(fixedCoordinates).then(function(url){tile.src=url;_this.fire("tileloadstart",{tile:tile,url:tile.src})});return tile};return FunctionalTileLayer}(L.TileLayer);(function(GraphicsLayer){GraphicsLayer[GraphicsLayer["BearingArea"]=3]="BearingArea";GraphicsLayer[GraphicsLayer["RentableArea"]=4]="RentableArea";GraphicsLayer[GraphicsLayer["GrossArea"]=5]="GrossArea";GraphicsLayer[GraphicsLayer["Architect"]=6]="Architect";GraphicsLayer[GraphicsLayer["Furniture"]=7]="Furniture";GraphicsLayer[GraphicsLayer["OuterWall"]=8]="OuterWall";GraphicsLayer[GraphicsLayer["Elevators"]=9]="Elevators";GraphicsLayer[GraphicsLayer["Shafts"]=11]="Shafts";GraphicsLayer[GraphicsLayer["Atrium"]=23]="Atrium"})(exports.GraphicsLayer||(exports.GraphicsLayer={}));function getTileSize(){var baseTileSize=384;return L.Browser.retina?baseTileSize/2:baseTileSize}function getCRS(dimensions){var tileSize=getTileSize();var lengthX=dimensions.maxX-dimensions.minX;var lengthY=dimensions.maxY-dimensions.minY;var lengthMax=Math.max(lengthX,lengthY);var minLat=(lengthMax-lengthY)/2-lengthMax;var minLng=(lengthMax-lengthX)/2;var offsetY=minLat-dimensions.minY;var offsetX=minLng-dimensions.minX;return L.Util.extend(L.CRS,{projection:L.Projection.LonLat,transformation:new L.Transformation(1,offsetX,-1,-offsetY),scale:function(zoom){return tileSize/lengthMax*Math.pow(2,zoom)},zoom:function(scale){return Math.log(scale*lengthMax/tileSize)/Math.LN2},getSize:function(zoom){var s=this.scale(zoom)/this.lengthMax;return new L.Point(s,s)},infinite:true})}var Viewer=function(_super){__extends(Viewer,_super);function Viewer(element,dimensions,mapOptions){var _this=this;var defaultMapOptions={attributionControl:false,minZoom:0,maxZoom:10,doubleClickZoom:false,zoomSnap:0,zoomDelta:.3};var combinedMapOptions=__assign({},defaultMapOptions,mapOptions);_this=_super.call(this,element,combinedMapOptions)||this;_this.dimensions=dimensions;return _this}Object.defineProperty(Viewer.prototype,"dimensions",{get:function(){return this._dimensions},set:function(dimensions){this._dimensions=dimensions;var crs=getCRS(dimensions);this.options.crs=crs;var bounds=getBounds(dimensions);this.fitBounds(bounds)},enumerable:true,configurable:true});return Viewer}(L.Map);var Element=function(_super){__extends(Element,_super);function Element(id,paths,options){if(options===void 0){options={}}var _this=_super.call(this,paths)||this;_this._selectable=false;_this._selected=false;_this._styleFunction=function(element){return{color:element.selected?"#f00":"#666",weight:element.selected?2:.5,opacity:1,fillColor:element.selected?"#fbb":"#eee",fillOpacity:.7}};_this.id=id;if(options.selectable!==undefined){_this.selectable=options.selectable}if(options.selected!==undefined){_this._selected=options.selected}if(options.styleFunction!==undefined){_this._styleFunction=options.styleFunction}_this.updateStyle();return _this}Object.defineProperty(Element.prototype,"styleFunction",{set:function(styleFunction){this._styleFunction=styleFunction;this.updateStyle()},enumerable:true,configurable:true});Object.defineProperty(Element.prototype,"selectable",{get:function(){return this._selectable},set:function(value){var _this=this;this._selectable=value;var onClick=function(){_this.selected=!_this.selected};if(value){this.on("click",onClick)}else{this.off("click",onClick)}},enumerable:true,configurable:true});Object.defineProperty(Element.prototype,"selected",{get:function(){return this._selected},set:function(value){if(this.selectable){if(value&&!this._selected){this._selected=true;this.fire("select",this);this.updateStyle()}if(!value&&this.selected){this._selected=false;this.fire("deselect",this);this.updateStyle()}}},enumerable:true,configurable:true});Element.prototype.updateStyle=function(){var style=this._styleFunction(this);this.eachLayer(function(layer){if(layer instanceof L.Path){layer.setStyle(style)}});return this};return Element}(L.FeatureGroup);var Space=function(_super){__extends(Space,_super);function Space(id,boundaries,polylineOptions,elementOptions){var _this=this;var polygons=Space.getPolygons(boundaries,polylineOptions);_this=_super.call(this,id,polygons,elementOptions)||this;return _this}Space.getPolygons=function(boundaries,polylineOptions){var getLatLngs=function(coordinates){return coordinates.map(function(c){return new L.LatLng(c.y,c.x)})};var holes=boundaries.filter(function(b){return b.isVoid}).map(function(b){return getLatLngs(b.coordinates)});var polygons=boundaries.filter(function(b){return!b.isVoid}).map(function(b){return getLatLngs(b.coordinates)}).map(function(latlngs){return new L.Polygon([latlngs].concat(holes),polylineOptions)});return polygons};return Space}(Element);exports.Viewer=Viewer;exports.Element=Element;exports.Space=Space;exports.FunctionalTileLayer=FunctionalTileLayer;Object.defineProperty(exports,"__esModule",{value:true})});
(function(global,factory){typeof exports==="object"&&typeof module!=="undefined"?factory(exports,require("leaflet")):typeof define==="function"&&define.amd?define(["exports","leaflet"],factory):factory(global.optimazeViewer={},global.L)})(this,function(exports,L){"use strict";var extendStatics=function(d,b){extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(d,b){d.__proto__=b}||function(d,b){for(var p in b)if(b.hasOwnProperty(p))d[p]=b[p]};return extendStatics(d,b)};function __extends(d,b){extendStatics(d,b);function __(){this.constructor=d}d.prototype=b===null?Object.create(b):(__.prototype=b.prototype,new __)}var __assign=function(){__assign=Object.assign||function __assign(t){for(var s,i=1,n=arguments.length;i<n;i++){s=arguments[i];for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))t[p]=s[p]}return t};return __assign.apply(this,arguments)};function getBounds(dimensions){var southWest=new L.LatLng(dimensions.minY,dimensions.minX);var northEast=new L.LatLng(dimensions.maxY,dimensions.maxX);return new L.LatLngBounds(southWest,northEast)}var FunctionalTileLayer=function(_super){__extends(FunctionalTileLayer,_super);function FunctionalTileLayer(tileFunction,dimensions,options){var _this=this;var defaultOptions={tileSize:getTileSize(),bounds:getBounds(dimensions),minZoom:0,maxZoom:10,maxNativeZoom:4,noWrap:true};var combinedOptions=__assign({},defaultOptions,options);_this=_super.call(this,"",combinedOptions)||this;_this._tileFunction=tileFunction;return _this}FunctionalTileLayer.prototype.createTile=function(coordinates,done){var _this=this;var tile=document.createElement("img");L.DomEvent.on(tile,"load",L.Util.bind(this._tileOnLoad,this,done,tile));L.DomEvent.on(tile,"error",L.Util.bind(this._tileOnError,this,done,tile));if(this.options.crossOrigin){tile.crossOrigin=""}tile.alt="";tile.setAttribute("role","presentation");var fixedCoordinates={x:coordinates.x,y:coordinates.y,z:coordinates.z+(this.options.zoomOffset||0)};this._tileFunction(fixedCoordinates).then(function(url){tile.src=url;_this.fire("tileloadstart",{tile:tile,url:tile.src})});return tile};return FunctionalTileLayer}(L.TileLayer);(function(GraphicsLayer){GraphicsLayer[GraphicsLayer["BearingArea"]=3]="BearingArea";GraphicsLayer[GraphicsLayer["RentableArea"]=4]="RentableArea";GraphicsLayer[GraphicsLayer["GrossArea"]=5]="GrossArea";GraphicsLayer[GraphicsLayer["Architect"]=6]="Architect";GraphicsLayer[GraphicsLayer["Furniture"]=7]="Furniture";GraphicsLayer[GraphicsLayer["OuterWall"]=8]="OuterWall";GraphicsLayer[GraphicsLayer["Elevators"]=9]="Elevators";GraphicsLayer[GraphicsLayer["Shafts"]=11]="Shafts";GraphicsLayer[GraphicsLayer["Atrium"]=23]="Atrium"})(exports.GraphicsLayer||(exports.GraphicsLayer={}));function getTileSize(){var baseTileSize=384;return L.Browser.retina?baseTileSize/2:baseTileSize}function getCRS(dimensions){var tileSize=getTileSize();var lengthX=dimensions.maxX-dimensions.minX;var lengthY=dimensions.maxY-dimensions.minY;var lengthMax=Math.max(lengthX,lengthY);var minLat=(lengthMax-lengthY)/2-lengthMax;var minLng=(lengthMax-lengthX)/2;var offsetY=minLat-dimensions.minY;var offsetX=minLng-dimensions.minX;return L.Util.extend(L.CRS,{projection:L.Projection.LonLat,transformation:new L.Transformation(1,offsetX,-1,-offsetY),scale:function(zoom){return tileSize/lengthMax*Math.pow(2,zoom)},zoom:function(scale){return Math.log(scale*lengthMax/tileSize)/Math.LN2},getSize:function(zoom){var s=this.scale(zoom)/this.lengthMax;return new L.Point(s,s)},infinite:true})}var Viewer=function(_super){__extends(Viewer,_super);function Viewer(element,dimensions,mapOptions){var _this=this;var defaultMapOptions={attributionControl:false,minZoom:0,maxZoom:10,doubleClickZoom:false,zoomSnap:0,zoomDelta:.3};var combinedMapOptions=__assign({},defaultMapOptions,mapOptions);_this=_super.call(this,element,combinedMapOptions)||this;_this.dimensions=dimensions;return _this}Object.defineProperty(Viewer.prototype,"dimensions",{get:function(){return this._dimensions},set:function(dimensions){this._dimensions=dimensions;var crs=getCRS(dimensions);this.options.crs=crs;var bounds=getBounds(dimensions);this.fitBounds(bounds)},enumerable:true,configurable:true});return Viewer}(L.Map);var Element=function(_super){__extends(Element,_super);function Element(id,paths,options){if(options===void 0){options={}}var _this=_super.call(this,paths)||this;_this._selectable=false;_this._selected=false;_this._styleFunction=function(element){return{color:element.selected?"#f00":"#666",weight:element.selected?2:.5,opacity:1,fillColor:element.selected?"#fbb":"#eee",fillOpacity:.7}};_this.id=id;if(options.selectable!==undefined){_this.selectable=options.selectable}if(options.selected!==undefined){_this._selected=options.selected}if(options.styleFunction!==undefined){_this._styleFunction=options.styleFunction}_this.updateStyle();return _this}Object.defineProperty(Element.prototype,"styleFunction",{set:function(styleFunction){this._styleFunction=styleFunction;this.updateStyle()},enumerable:true,configurable:true});Object.defineProperty(Element.prototype,"selectable",{get:function(){return this._selectable},set:function(value){var _this=this;this._selectable=value;var onClick=function(){_this.selected=!_this.selected};if(value){this.on("click",onClick)}else{this.off("click",onClick)}},enumerable:true,configurable:true});Object.defineProperty(Element.prototype,"selected",{get:function(){return this._selected},set:function(value){if(this.selectable){if(value&&!this._selected){this._selected=true;this.fire("select",this);this.updateStyle()}if(!value&&this.selected){this._selected=false;this.fire("deselect",this);this.updateStyle()}}},enumerable:true,configurable:true});Element.prototype.updateStyle=function(){var style=this._styleFunction(this);this.eachLayer(function(layer){if(layer instanceof L.Path){layer.setStyle(style)}});return this};return Element}(L.FeatureGroup);var Space=function(_super){__extends(Space,_super);function Space(id,boundaries,polylineOptions,elementOptions){var _this=this;var polygons=Space.getPolygons(boundaries,polylineOptions);_this=_super.call(this,id,polygons,elementOptions)||this;return _this}Space.getPolygons=function(boundaries,polylineOptions){var getLatLngs=function(coordinates){return coordinates.map(function(c){return new L.LatLng(c.y,c.x)})};var holes=boundaries.filter(function(b){return b.isVoid}).map(function(b){return getLatLngs(b.coordinates)});var polygons=boundaries.filter(function(b){return!b.isVoid}).map(function(b){return getLatLngs(b.coordinates)}).map(function(latlngs){return new L.Polygon([latlngs].concat(holes),polylineOptions)});return polygons};return Space}(Element);var FixedCircle=function(_super){__extends(FixedCircle,_super);function FixedCircle(){return _super!==null&&_super.apply(this,arguments)||this}FixedCircle.prototype._project=function(){var map=this._map;var crs=map.options.crs;if(!crs){return}var latlng2=crs.unproject(crs.project(this._latlng).subtract([this._mRadius,0]));var point=crs.latLngToPoint(L.latLng(this._latlng),map.getZoom());var point2=crs.latLngToPoint(L.latLng(latlng2),map.getZoom());var radius=Math.round(point.x-point2.x);this._point=map.latLngToLayerPoint(this._latlng);this._radius=radius;this._updateBounds()};return FixedCircle}(L.Circle);exports.Viewer=Viewer;exports.Element=Element;exports.Space=Space;exports.FunctionalTileLayer=FunctionalTileLayer;exports.FixedCircle=FixedCircle;Object.defineProperty(exports,"__esModule",{value:true})});

16

package.json
{
"name": "@rapal/optimaze-viewer",
"version": "0.3.2",
"version": "0.4.0",
"description": "Library for viewing Optimaze floor plan. Based on Leaflet.",

@@ -26,13 +26,13 @@ "main": "./dist/optimaze-viewer.js",

"@types/es6-shim": "^0.31.35",
"@types/jest": "^20.0.8",
"@types/jest": "^23.3.1",
"es6-shim": "^0.35.3",
"jest": "^21.1.0",
"jest": "^23.5.0",
"rimraf": "^2.6.2",
"rollup": "^0.49.3",
"rollup-plugin-commonjs": "^8.2.1",
"rollup": "^0.64.1",
"rollup-plugin-commonjs": "^9.1.5",
"rollup-plugin-node-resolve": "^3.0.0",
"rollup-plugin-typescript2": "^0.5.2",
"ts-jest": "^21.0.1",
"rollup-plugin-typescript2": "^0.16.1",
"ts-jest": "^23.1.4",
"tslint": "^5.7.0",
"typescript": "^2.5.2",
"typescript": "^3.0.1",
"uglify-js": "^3.1.0"

@@ -39,0 +39,0 @@ },

15

README.md

@@ -17,3 +17,3 @@ # optimaze-viewer

```
```console
npm install @rapal/optimaze-viewer

@@ -28,2 +28,3 @@ ```

```
Remember to also include the Leaflet CSS file:

@@ -57,2 +58,6 @@

### Notes
The `FixedCircle` class can be used instead of `L.Circle` to prevent circle radius rounding errors.
## Development

@@ -62,3 +67,3 @@

* [Yarn](https://yarnpkg.com/) package manager
- [Yarn](https://yarnpkg.com/) package manager

@@ -79,4 +84,4 @@ ### Workflow

* `src` TypeScript source files
* `types` TypeScript declaration files
* `dist` UMD bundle for use in browser
- `src` TypeScript source files
- `types` TypeScript declaration files
- `dist` UMD bundle for use in browser

10

rollup.config.js

@@ -10,9 +10,9 @@ import typescript from "rollup-plugin-typescript2";

format: "umd",
name: "optimazeViewer"
name: "optimazeViewer",
globals: {
leaflet: "L"
}
},
plugins: [typescript(), commonjs(), resolve()],
external: ["leaflet"],
globals: {
leaflet: "L"
}
external: ["leaflet"]
};

1

src/index.ts

@@ -11,1 +11,2 @@ export { Viewer } from "./viewer";

} from "./layer";
export { FixedCircle } from "./fixedcircle";

1

types/index.d.ts

@@ -6,2 +6,3 @@ export { Viewer } from "./viewer";

export { FunctionalTileLayer, TileFunction, TileCoordinates, GraphicsLayer } from "./layer";
export { FixedCircle } from "./fixedcircle";
export as namespace optimazeViewer;

2

types/layer.d.ts

@@ -38,4 +38,4 @@ import * as L from "leaflet";

Shafts = 11,
Atrium = 23,
Atrium = 23
}
export declare function getTileSize(): number;
types/space.d.ts