@yaga/leaflet-ng2
Version:
Angular2 module for Leaflet
776 lines • 31.9 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PolygonDirective = void 0;
const core_1 = require("@angular/core");
const leaflet_1 = require("leaflet");
const layer_group_provider_1 = require("./layer-group.provider");
const layer_provider_1 = require("./layer.provider");
const lng2lat_1 = require("./lng2lat");
const i0 = require("@angular/core");
const i1 = require("./layer-group.provider");
const i2 = require("./layer.provider");
/**
* Angular2 directive for Leaflet polygons.
*
* *You can use this directive in an Angular2 template after importing `YagaModule`.*
*
* How to use in a template:
* ```html
* <yaga-map>
* <yaga-polygon
* [(display)]="..."
* [(stroke)]="..."
* [(color)]="..."
* [(weight)]="..."
* [(opacity)]="..."
* [(lineCap)]="..."
* [(lineJoin)]="..."
* [(dashArray)]="..."
* [(dashOffset)]="..."
* [(fill)]="..."
* [(fillColor)]="..."
* [(fillOpacity)]="..."
* [(fillRule)]="..."
* [(renderer)]="..."
* [(className)]="..."
* [(style)]="..."
* [(latLngs)]="..."
* [(geoJSON)]="..."
*
* (add)="..."
* (remove)="..."
* (popupopen)="..."
* (popupclose)="..."
* (tooltipopen)="..."
* (tooltipclose)="..."
* (click)="..."
* (dblclick)="..."
* (mousedown)="..."
* (mouseover)="..."
* (mouseout)="..."
* (contextmenu)="..."
*
* [interactive]="..."
* [smoothFactor]="..."
* [noClip]="..."
* [properties]="..."
* >
* </yaga-polygon>
* </yaga-map>
* ```
*
* @link http://leafletjs.com/reference-1.2.0.html#polygon Original Leaflet documentation
* @link https://leaflet-ng2.yagajs.org/latest/browser-test?grep=Rectangle%20Directive Unit-Test
* @link https://leaflet-ng2.yagajs.org/latest/coverage/lcov-report/lib/polygon.directive.js.html Test coverage
* @link https://leaflet-ng2.yagajs.org/latest/typedoc/classes/polygondirective.html API documentation
* @example https://leaflet-ng2.yagajs.org/latest/examples/polygon-directive
*/
class PolygonDirective extends leaflet_1.Polygon {
constructor(layerGroupProvider, layerProvider) {
super([]);
this.layerGroupProvider = layerGroupProvider;
/**
* Two-Way bound property for the display status of the geometry.
* Use it with `<yaga-polygon [(display)]="someValue">`
* or `<yaga-polygon (displayChange)="processEvent($event)">`
*/
this.displayChange = new core_1.EventEmitter();
/**
* Two-Way bound property for the stroke state of the geometry.
* Use it with `<yaga-polygon [(stroke)]="someValue">`
* or `<yaga-polygon (strokeChange)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-stroke Original Leaflet documentation
*/
this.strokeChange = new core_1.EventEmitter();
/**
* Two-Way bound property for the line-color of the geometry.
* Use it with `<yaga-polygon [(color)]="someValue">`
* or `<yaga-polygon (colorChange)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-color Original Leaflet documentation
*/
this.colorChange = new core_1.EventEmitter();
/**
* Two-Way bound property for the weight of the geometry.
* Use it with `<yaga-polygon [(weight)]="someValue">`
* or `<yaga-polygon (weightChange)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-weight Original Leaflet documentation
*/
this.weightChange = new core_1.EventEmitter();
/**
* Two-Way bound property for the opacity of the geometry.
* Use it with `<yaga-polygon [(opacity)]="someValue">`
* or `<yaga-polygon (opacityChange)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-opacity Original Leaflet documentation
*/
this.opacityChange = new core_1.EventEmitter();
/**
* Two-Way bound property for the lineCap of the geometry.
* Use it with `<yaga-polygon [(lineCap)]="someValue">`
* or `<yaga-polygon (lineCapChange)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-linecap Original Leaflet documentation
*/
this.lineCapChange = new core_1.EventEmitter();
/**
* Two-Way bound property for the lineJoin of the geometry.
* Use it with `<yaga-polygon [(lineJoin)]="someValue">`
* or `<yaga-polygon (lineJoinChange)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-linejoin Original Leaflet documentation
*/
this.lineJoinChange = new core_1.EventEmitter();
/**
* Two-Way bound property for the dashArray of the geometry.
* Use it with `<yaga-polygon [(dashArray)]="someValue">`
* or `<yaga-polygon (dashArrayChange)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-dasharray Original Leaflet documentation
*/
this.dashArrayChange = new core_1.EventEmitter();
/**
* Two-Way bound property for the dashOffset of the geometry.
* Use it with `<yaga-polygon [(dashOffset)]="someValue">`
* or `<yaga-polygon (dashOffsetChange)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-dashoffset Original Leaflet documentation
*/
this.dashOffsetChange = new core_1.EventEmitter();
/**
* Two-Way bound property for the fill state of the geometry.
* Use it with `<yaga-polygon [(fill)]="someValue">`
* or `<yaga-polygon (fillChange)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-fill Original Leaflet documentation
*/
this.fillChange = new core_1.EventEmitter();
/**
* Two-Way bound property for the fill-color of the geometry.
* Use it with `<yaga-polygon [(fillColor)]="someValue">`
* or `<yaga-polygon (fillColorChange)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-fillcolor Original Leaflet documentation
*/
this.fillColorChange = new core_1.EventEmitter();
/**
* Two-Way bound property for the fill-opacity of the geometry.
* Use it with `<yaga-polygon [(fillOpacity)]="someValue">`
* or `<yaga-polygon (fillOpacityChange)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-fillopacity Original Leaflet documentation
*/
this.fillOpacityChange = new core_1.EventEmitter();
/**
* Two-Way bound property for the fill-rule of the geometry.
* Use it with `<yaga-polygon [(fillRule)]="someValue">`
* or `<yaga-polygon (fillRuleChange)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-fillrule Original Leaflet documentation
*/
this.fillRuleChange = new core_1.EventEmitter();
// @Output() public rendererChange: EventEmitter<number> = new EventEmitter();
/**
* Two-Way bound property for the className of the geometry.
* Use it with `<yaga-polygon [(className)]="someValue">`
* or `<yaga-polygon (classNameChange)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-classname Original Leaflet documentation
*/
this.classNameChange = new core_1.EventEmitter();
/**
* Two-Way bound property for the css-style of the geometry.
* Use it with `<yaga-polygon [(style)]="someValue">`
* or `<yaga-polygon (styleChange)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-setstyle Original Leaflet documentation
*/
this.styleChange = new core_1.EventEmitter();
/**
* Two-Way bound property for the array of LatLngs of the geometry.
* Use it with `<yaga-polygon [(latLngs)]="someValue">`
* or `<yaga-polygon (latLngsChange)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.3.0.html#polygon-setlatlngs Original Leaflet documentation
*/
this.latLngsChange = new core_1.EventEmitter();
/**
* Two-Way bound property for the corresponding GeoJSON.
* Use it with `<yaga-polygon [(geoJSON)]="someValue">`
* or `<yaga-polygon (geoJSONChange)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.3.0.html#polygon-togeojson Original Leaflet documentation
*/
/* tslint:disable:max-line-length */
this.geoJSONChange = new core_1.EventEmitter();
/* tslint:enable */
/**
* From leaflet fired add event.
* Use it with `<yaga-polygon (add)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-add Original Leaflet documentation
*/
this.addEvent = new core_1.EventEmitter();
/**
* From leaflet fired remove event.
* Use it with `<yaga-polygon (remove)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-remove Original Leaflet documentation
*/
this.removeEvent = new core_1.EventEmitter();
/**
* From leaflet fired popupopen event.
* Use it with `<yaga-polygon (popupopen)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-popupopen Original Leaflet documentation
*/
this.popupopenEvent = new core_1.EventEmitter();
/**
* From leaflet fired popupclose event.
* Use it with `<yaga-polygon (popupclose)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-popupclose Original Leaflet documentation
*/
this.popupcloseEvent = new core_1.EventEmitter();
/**
* From leaflet fired tooltipopen event.
* Use it with `<yaga-polygon (tooltipopen)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-tooltipopen Original Leaflet documentation
*/
this.tooltipopenEvent = new core_1.EventEmitter();
/**
* From leaflet fired tooltipclose event.
* Use it with `<yaga-polygon (tooltipclose)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-tooltipclose Original Leaflet documentation
*/
this.tooltipcloseEvent = new core_1.EventEmitter();
/**
* From leaflet fired click event.
* Use it with `<yaga-polygon (click)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-click Original Leaflet documentation
*/
this.clickEvent = new core_1.EventEmitter();
/**
* From leaflet fired dblclick event.
* Use it with `<yaga-polygon (dblclick)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-dblclick Original Leaflet documentation
*/
this.dblclickEvent = new core_1.EventEmitter();
/**
* From leaflet fired mousedown event.
* Use it with `<yaga-polygon (mousedown)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-mousedown Original Leaflet documentation
*/
this.mousedownEvent = new core_1.EventEmitter();
/**
* From leaflet fired mouseover event.
* Use it with `<yaga-polygon (mouseover)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-mouseover Original Leaflet documentation
*/
this.mouseoverEvent = new core_1.EventEmitter();
/**
* From leaflet fired mouseout event.
* Use it with `<yaga-polygon (mouseout)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-mouseout Original Leaflet documentation
*/
this.mouseoutEvent = new core_1.EventEmitter();
/**
* From leaflet fired contextmenu event.
* Use it with `<yaga-polygon (contextmenu)="processEvent($event)">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-contextmenu Original Leaflet documentation
*/
this.contextmenuEvent = new core_1.EventEmitter();
layerProvider.ref = this;
this.feature = this.feature || {
geometry: { type: "Polygon", coordinates: [] },
properties: {},
type: "Feature",
};
this.feature.properties = this.feature.properties || {};
this.on("remove", () => {
this.displayChange.emit(false);
});
this.on("add", () => {
this.displayChange.emit(true);
});
this.layerGroupProvider.ref.addLayer(this);
// Events
this.on("add", (event) => {
this.addEvent.emit(event);
});
this.on("remove", (event) => {
this.removeEvent.emit(event);
});
this.on("popupopen", (event) => {
this.popupopenEvent.emit(event);
});
this.on("popupclose", (event) => {
this.popupcloseEvent.emit(event);
});
this.on("tooltipopen", (event) => {
this.tooltipopenEvent.emit(event);
});
this.on("tooltipclose", (event) => {
this.tooltipcloseEvent.emit(event);
});
this.on("click", (event) => {
this.clickEvent.emit(event);
});
this.on("dblclick", (event) => {
this.dblclickEvent.emit(event);
});
this.on("mousedown", (event) => {
this.mousedownEvent.emit(event);
});
this.on("mouseover", (event) => {
this.mouseoverEvent.emit(event);
});
this.on("mouseout", (event) => {
this.mouseoutEvent.emit(event);
});
this.on("contextmenu", (event) => {
this.contextmenuEvent.emit(event);
});
}
/**
* Internal method to provide the removal of the layer in Leaflet, when removing it from the Angular template
*/
ngOnDestroy() {
this.removeFrom(this.layerGroupProvider.ref);
}
/**
* Derived method fof the original LatLngs.
* @link http://leafletjs.com/reference-1.2.0.html#polygon-addlatlngs Original Leaflet documentation
*/
setLatLngs(val) {
super.setLatLngs(val);
this.latLngsChange.emit(this._latlngs);
this.geoJSONChange.emit(this.geoJSON);
return this;
}
/**
* Derived method of the original addLatLng.
* @link http://leafletjs.com/reference-1.2.0.html#polygon-addlatlngs Original Leaflet documentation
*/
addLatLng(val) {
super.addLatLng(val);
this.latLngsChange.emit(this._latlngs);
this.geoJSONChange.emit(this.geoJSON);
return this;
}
/**
* Two-Way bound property for the array of LatLngs for the geometry.
* Use it with `<yaga-polygon [(latLngs)]="someValue">` or `<yaga-polygon [latLngs]="someValue">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-setbounds Original Leaflet documentation
*/
set latLngs(val) {
this.setLatLngs(val);
}
get latLngs() {
return this._latlngs;
}
/**
* Two-Way bound property for the corresponding GeoJSON.
* Use it with `<yaga-polygon [(geoJSON)]="someValue">` or `<yaga-polygon [geoJSON]="someValue">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-togeojson Original Leaflet documentation
*/
set geoJSON(val) {
this.feature.properties = val.properties;
const geomType = val.geometry.type; // Normally "(Multi)Polygon"
/* istanbul ignore if */
if (geomType !== "Polygon" && geomType !== "MultiPolygon") {
throw new Error("Unsupported geometry type: " + geomType);
}
this.setLatLngs(lng2lat_1.lng2lat(val.geometry.coordinates));
}
get geoJSON() {
return this.toGeoJSON();
}
/**
* Derived method of the original setStyle.
* @link http://leafletjs.com/reference-1.2.0.html#polygon-setstyle Original Leaflet documentation
*/
setStyle(style) {
super.setStyle(style);
if (style.hasOwnProperty("stroke")) {
this.strokeChange.emit(style.stroke);
}
if (style.hasOwnProperty("color")) {
this.colorChange.emit(style.color);
}
if (style.hasOwnProperty("weight")) {
this.weightChange.emit(style.weight);
}
if (style.hasOwnProperty("opacity")) {
this.opacityChange.emit(style.opacity);
}
if (style.hasOwnProperty("lineCap")) {
this.lineCapChange.emit(style.lineCap);
}
if (style.hasOwnProperty("lineJoin")) {
this.lineJoinChange.emit(style.lineJoin);
}
if (style.hasOwnProperty("dashArray")) {
this.dashArrayChange.emit(style.dashArray);
}
if (style.hasOwnProperty("dashOffset")) {
this.dashOffsetChange.emit(style.dashOffset);
}
if (style.hasOwnProperty("fill")) {
this.fillChange.emit(style.fill);
}
if (style.hasOwnProperty("fillColor")) {
this.fillColorChange.emit(style.fillColor);
}
if (style.hasOwnProperty("fillOpacity")) {
this.fillOpacityChange.emit(style.fillOpacity);
}
if (style.hasOwnProperty("fillRule")) {
this.fillRuleChange.emit(style.fillRule);
}
if (style.hasOwnProperty("className")) {
this.classNameChange.emit(style.className);
}
this.styleChange.emit(style);
return this;
}
/**
* Two-Way bound property for the opacity.
* Use it with `<yaga-polygon [(opacity)]="someValue">` or `<yaga-polygon [opacity]="someValue">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-opacity Original Leaflet documentation
*/
set opacity(val) {
this.setStyle({ opacity: val });
}
get opacity() {
return this.options.opacity;
}
/**
* Two-Way bound property for the stroke.
* Use it with `<yaga-polygon [(stroke)]="someValue">` or `<yaga-polygon [stroke]="someValue">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-stroke Original Leaflet documentation
*/
set stroke(val) {
this.setStyle({ stroke: val });
}
get stroke() {
return !!this.options.stroke;
}
/**
* Two-Way bound property for the color.
* Use it with `<yaga-polygon [(color)]="someValue">` or `<yaga-polygon [color]="someValue">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-color Original Leaflet documentation
*/
set color(val) {
this.setStyle({ color: val });
}
get color() {
return this.options.color;
}
/**
* Two-Way bound property for the weight.
* Use it with `<yaga-polygon [(weight)]="someValue">` or `<yaga-polygon [weight]="someValue">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-weight Original Leaflet documentation
*/
set weight(val) {
this.setStyle({ weight: val });
}
get weight() {
return this.options.weight;
}
/**
* Two-Way bound property for the lineCap.
* Use it with `<yaga-polygon [(lineCap)]="someValue">` or `<yaga-polygon [lineCap]="someValue">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-linecap Original Leaflet documentation
*/
set lineCap(val) {
this.setStyle({ lineCap: val });
}
get lineCap() {
return this.options.lineCap;
}
/**
* Two-Way bound property for the lineJoin.
* Use it with `<yaga-polygon [(lineJoin)]="someValue">` or `<yaga-polygon [lineJoin]="someValue">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-linejoin Original Leaflet documentation
*/
set lineJoin(val) {
this.setStyle({ lineJoin: val });
}
get lineJoin() {
return this.options.lineJoin;
}
/**
* Two-Way bound property for the dashArray.
* Use it with `<yaga-polygon [(dashArray)]="someValue">` or `<yaga-polygon [dashArray]="someValue">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-dasharray Original Leaflet documentation
*/
set dashArray(val) {
this.setStyle({ dashArray: val });
}
get dashArray() {
return this.options.dashArray;
}
/**
* Two-Way bound property for the dashOffset.
* Use it with `<yaga-polygon [(dashOffset)]="someValue">` or `<yaga-polygon [dashOffset]="someValue">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-dashoffset Original Leaflet documentation
*/
set dashOffset(val) {
this.setStyle({ dashOffset: val });
}
get dashOffset() {
return this.options.dashOffset;
}
/**
* Two-Way bound property for the fill.
* Use it with `<yaga-polygon [(fill)]="someValue">` or `<yaga-polygon [fill]="someValue">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-fill Original Leaflet documentation
*/
set fill(val) {
this.setStyle({ fill: val });
}
get fill() {
return !!this.options.fill;
}
/**
* Two-Way bound property for the fillColor.
* Use it with `<yaga-polygon [(fillColor)]="someValue">` or `<yaga-polygon [fillColor]="someValue">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-fillcolor Original Leaflet documentation
*/
set fillColor(val) {
this.setStyle({ fillColor: val });
}
get fillColor() {
return this.options.fillColor;
}
/**
* Two-Way bound property for the fillOpacity.
* Use it with `<yaga-polygon [(fillOpacity)]="someValue">` or `<yaga-polygon [fillOpacity]="someValue">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-fillopacity Original Leaflet documentation
*/
set fillOpacity(val) {
this.setStyle({ fillOpacity: val });
}
get fillOpacity() {
return this.options.fillOpacity;
}
/**
* Two-Way bound property for the fillRule.
* Use it with `<yaga-polygon [(fillRule)]="someValue">` or `<yaga-polygon [fillRule]="someValue">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-fillrule Original Leaflet documentation
*/
set fillRule(val) {
this.setStyle({ fillRule: val });
}
get fillRule() {
return this.options.fillRule;
}
/**
* Two-Way bound property for the className.
* Use it with `<yaga-polygon [(className)]="someValue">` or `<yaga-polygon [className]="someValue">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-classname Original Leaflet documentation
*/
set className(val) {
this.setStyle({ className: val });
}
get className() {
return this.options.className;
}
/**
* Two-Way bound property for the opacity.
* Use it with `<yaga-polygon [(style)]="someValue">` or `<yaga-polygon [style]="someValue">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-style Original Leaflet documentation
*/
set style(val) {
this.setStyle(val);
}
get style() {
return this.options;
}
/**
* Two-Way bound property for the display state.
* Use it with `<yaga-polygon [(display)]="someValue">` or `<yaga-polygon [display]="someValue">`
*/
set display(val) {
const isDisplayed = this.display;
if (isDisplayed === val) {
return;
}
let container;
try {
container = this.getElement();
}
catch (err) {
/* istanbul ignore next */
return;
}
this.displayChange.emit(val);
container.style.display = val ? "" : "none";
}
get display() {
let container;
try {
container = this.getElement();
}
catch (err) {
/* istanbul ignore next */
return false;
}
return container.style.display !== "none" && !!container.parentElement;
}
/**
* Input for the interactive state.
* Use it with `<yaga-polygon [interactive]="someValue">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-interactive Original Leaflet documentation
*/
set interactive(val) {
const map = this._map;
this.options.interactive = val;
this.onRemove(map);
this.onAdd(map);
}
get interactive() {
return !!this.options.interactive;
}
/**
* Input for the smoothFactor.
* Use it with `<yaga-polygon [smoothFactor]="someValue">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-smoothfactor Original Leaflet documentation
*/
set smoothFactor(val) {
this.options.smoothFactor = val;
this.redraw();
}
get smoothFactor() {
return this.options.smoothFactor;
}
/**
* Input for the noClip state.
* Use it with `<yaga-polygon [noClip]="someValue">`
* @link http://leafletjs.com/reference-1.2.0.html#polygon-noclip Original Leaflet documentation
*/
set noClip(val) {
this.options.noClip = val;
this.redraw();
}
get noClip() {
return !!this.options.noClip;
}
/**
* Input for the GeoJSON properties.
* Use it with `<yaga-polygon [properties]="someValue">`
*/
set properties(val) {
this.feature.properties = val;
this.geoJSONChange.emit(this.geoJSON);
}
get properties() {
return this.feature.properties;
}
}
exports.PolygonDirective = PolygonDirective;
PolygonDirective.ɵfac = function PolygonDirective_Factory(t) { return new (t || PolygonDirective)(i0.ɵɵdirectiveInject(i1.LayerGroupProvider), i0.ɵɵdirectiveInject(i2.LayerProvider)); };
PolygonDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PolygonDirective, selectors: [["yaga-polygon"]], inputs: { latLngs: "latLngs", geoJSON: "geoJSON", opacity: "opacity", stroke: "stroke", color: "color", weight: "weight", lineCap: "lineCap", lineJoin: "lineJoin", dashArray: "dashArray", dashOffset: "dashOffset", fill: "fill", fillColor: "fillColor", fillOpacity: "fillOpacity", fillRule: "fillRule", className: "className", style: "style", display: "display", interactive: "interactive", smoothFactor: "smoothFactor", noClip: "noClip", properties: "properties" }, outputs: { displayChange: "displayChange", strokeChange: "strokeChange", colorChange: "colorChange", weightChange: "weightChange", opacityChange: "opacityChange", lineCapChange: "lineCapChange", lineJoinChange: "lineJoinChange", dashArrayChange: "dashArrayChange", dashOffsetChange: "dashOffsetChange", fillChange: "fillChange", fillColorChange: "fillColorChange", fillOpacityChange: "fillOpacityChange", fillRuleChange: "fillRuleChange", classNameChange: "classNameChange", styleChange: "styleChange", latLngsChange: "latLngsChange", geoJSONChange: "geoJSONChange", addEvent: "add", removeEvent: "remove", popupopenEvent: "popupopen", popupcloseEvent: "popupclose", tooltipopenEvent: "tooltipopen", tooltipcloseEvent: "tooltipclose", clickEvent: "click", dblclickEvent: "dblclick", mousedownEvent: "mousedown", mouseoverEvent: "mouseover", mouseoutEvent: "mouseout", contextmenuEvent: "contextmenu" }, features: [i0.ɵɵProvidersFeature([layer_provider_1.LayerProvider]), i0.ɵɵInheritDefinitionFeature] });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PolygonDirective, [{
type: core_1.Directive,
args: [{
providers: [layer_provider_1.LayerProvider],
selector: "yaga-polygon",
}]
}], function () { return [{ type: i1.LayerGroupProvider }, { type: i2.LayerProvider }]; }, { displayChange: [{
type: core_1.Output
}], strokeChange: [{
type: core_1.Output
}], colorChange: [{
type: core_1.Output
}], weightChange: [{
type: core_1.Output
}], opacityChange: [{
type: core_1.Output
}], lineCapChange: [{
type: core_1.Output
}], lineJoinChange: [{
type: core_1.Output
}], dashArrayChange: [{
type: core_1.Output
}], dashOffsetChange: [{
type: core_1.Output
}], fillChange: [{
type: core_1.Output
}], fillColorChange: [{
type: core_1.Output
}], fillOpacityChange: [{
type: core_1.Output
}], fillRuleChange: [{
type: core_1.Output
}], classNameChange: [{
type: core_1.Output
}], styleChange: [{
type: core_1.Output
}], latLngsChange: [{
type: core_1.Output
}], geoJSONChange: [{
type: core_1.Output
}], addEvent: [{
type: core_1.Output,
args: ["add"]
}], removeEvent: [{
type: core_1.Output,
args: ["remove"]
}], popupopenEvent: [{
type: core_1.Output,
args: ["popupopen"]
}], popupcloseEvent: [{
type: core_1.Output,
args: ["popupclose"]
}], tooltipopenEvent: [{
type: core_1.Output,
args: ["tooltipopen"]
}], tooltipcloseEvent: [{
type: core_1.Output,
args: ["tooltipclose"]
}], clickEvent: [{
type: core_1.Output,
args: ["click"]
}], dblclickEvent: [{
type: core_1.Output,
args: ["dblclick"]
}], mousedownEvent: [{
type: core_1.Output,
args: ["mousedown"]
}], mouseoverEvent: [{
type: core_1.Output,
args: ["mouseover"]
}], mouseoutEvent: [{
type: core_1.Output,
args: ["mouseout"]
}], contextmenuEvent: [{
type: core_1.Output,
args: ["contextmenu"]
}], latLngs: [{
type: core_1.Input
}], geoJSON: [{
type: core_1.Input
}], opacity: [{
type: core_1.Input
}], stroke: [{
type: core_1.Input
}], color: [{
type: core_1.Input
}], weight: [{
type: core_1.Input
}], lineCap: [{
type: core_1.Input
}], lineJoin: [{
type: core_1.Input
}], dashArray: [{
type: core_1.Input
}], dashOffset: [{
type: core_1.Input
}], fill: [{
type: core_1.Input
}], fillColor: [{
type: core_1.Input
}], fillOpacity: [{
type: core_1.Input
}], fillRule: [{
type: core_1.Input
}], className: [{
type: core_1.Input
}], style: [{
type: core_1.Input
}], display: [{
type: core_1.Input
}], interactive: [{
type: core_1.Input
}], smoothFactor: [{
type: core_1.Input
}], noClip: [{
type: core_1.Input
}], properties: [{
type: core_1.Input
}] }); })();
//# sourceMappingURL=polygon.directive.js.map