@progress/kendo-angular-map 0.1.1-dev.202205051036 → 0.2.0-dev.202206160949

package/esm2015/tooltip/bubble-tooltip.component.js

@@ -0,0 +1,38 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ContentChild } from '@angular/core';
+import { SettingsComponent } from '../common/settings.component';
+import { BubbleTooltipTemplateDirective } from './bubble-tooltip-template.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/configuration.service";
+import * as i2 from "./tooltip-template.service";
+import * as i3 from "../map/layer.component";
+/**
+ * The configuration options of the [Bubble Layer Tooltip]({% slug bubble_layers_map %}#toc-tooltip).
+ */
+export class BubbleTooltipComponent extends SettingsComponent {
+    constructor(configurationService, templateService, layer) {
+        super('tooltip', configurationService);
+        this.configurationService = configurationService;
+        this.templateService = templateService;
+        this.layer = layer;
+    }
+    ngAfterContentChecked() {
+        var _a;
+        this.templateService.registerTemplate(this.layer.index, (_a = this.bubbleTooltipTemplate) === null || _a === void 0 ? void 0 : _a.templateRef);
+    }
+}
+BubbleTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BubbleTooltipComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.TooltipTemplateService }, { token: i3.LayerComponent }], target: i0.ɵɵFactoryTarget.Component });
+BubbleTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BubbleTooltipComponent, selector: "kendo-map-bubble-layer-tooltip", queries: [{ propertyName: "bubbleTooltipTemplate", first: true, predicate: BubbleTooltipTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BubbleTooltipComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-map-bubble-layer-tooltip',
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }, { type: i2.TooltipTemplateService }, { type: i3.LayerComponent }]; }, propDecorators: { bubbleTooltipTemplate: [{
+                type: ContentChild,
+                args: [BubbleTooltipTemplateDirective, { static: false }]
+            }] } });

package/esm2015/tooltip/marker-tooltip-template.directive.js

@@ -0,0 +1,31 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * A directive that sets a [template]({{ site.data.urls.angular['templatesyntax'] }})
+ * within the `<kendo-map-tooltip>` component for the Map
+ * [Marker layer tooltip]({% slug marker_layers_map %}#toc-tooltip).
+ *
+ * The available inputs for the marker tooltip template are:
+ *    * `title: string`&mdash;The marker title.
+ *    * `layerIndex: number`&mdash;The index of the layer for the tooltip.
+ *    * `location: Location`&mdash;The marker location.
+ */
+export class MarkerTooltipTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+MarkerTooltipTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MarkerTooltipTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+MarkerTooltipTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: MarkerTooltipTemplateDirective, selector: "[kendoMapMarkerTooltipTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MarkerTooltipTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoMapMarkerTooltipTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2015/tooltip/marker-tooltip.component.js

@@ -0,0 +1,38 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ContentChild } from '@angular/core';
+import { SettingsComponent } from '../common/settings.component';
+import { MarkerTooltipTemplateDirective } from './marker-tooltip-template.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/configuration.service";
+import * as i2 from "./tooltip-template.service";
+import * as i3 from "../map/layer.component";
+/**
+ * The configuration options of the [Marker Layer Tooltip]({% slug marker_layers_map %}#toc-tooltip).
+ */
+export class MarkerTooltipComponent extends SettingsComponent {
+    constructor(configurationService, templateService, layer) {
+        super('tooltip', configurationService);
+        this.configurationService = configurationService;
+        this.templateService = templateService;
+        this.layer = layer;
+    }
+    ngAfterContentChecked() {
+        var _a;
+        this.templateService.registerTemplate(this.layer.index, (_a = this.markerTooltipTemplate) === null || _a === void 0 ? void 0 : _a.templateRef);
+    }
+}
+MarkerTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MarkerTooltipComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.TooltipTemplateService }, { token: i3.LayerComponent }], target: i0.ɵɵFactoryTarget.Component });
+MarkerTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MarkerTooltipComponent, selector: "kendo-map-marker-layer-tooltip", queries: [{ propertyName: "markerTooltipTemplate", first: true, predicate: MarkerTooltipTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MarkerTooltipComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-map-marker-layer-tooltip',
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }, { type: i2.TooltipTemplateService }, { type: i3.LayerComponent }]; }, propDecorators: { markerTooltipTemplate: [{
+                type: ContentChild,
+                args: [MarkerTooltipTemplateDirective, { static: false }]
+            }] } });

package/esm2015/tooltip/popup-settings.interface.js

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2015/tooltip/shape-tooltip-template.directive.js

@@ -0,0 +1,31 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * A directive that sets a [template]({{ site.data.urls.angular['templatesyntax'] }})
+ * within the `<kendo-map-tooltip>` component for the Map
+ * [Shape layer tooltip]({% slug shape_layers_map %}#toc-tooltip).
+ *
+ * The available inputs for the shape tooltip template are:
+ *    * `dataItem: any`&mdash;The original data item used to create the shape.
+ *    * `layerIndex: number`&mdash;The index of the layer for the tooltip.
+ *    * `location: Location`&mdash;The location of the center of the shape.
+ */
+export class ShapeTooltipTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+ShapeTooltipTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ShapeTooltipTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+ShapeTooltipTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ShapeTooltipTemplateDirective, selector: "[kendoMapShapeTooltipTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ShapeTooltipTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoMapShapeTooltipTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2015/tooltip/shape-tooltip.component.js

@@ -0,0 +1,38 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ContentChild } from '@angular/core';
+import { SettingsComponent } from '../common/settings.component';
+import { ShapeTooltipTemplateDirective } from './shape-tooltip-template.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/configuration.service";
+import * as i2 from "./tooltip-template.service";
+import * as i3 from "../map/layer.component";
+/**
+ * The configuration options of the [Shape Layer Tooltip]({% slug shape_layers_map %}#toc-tooltip).
+ */
+export class ShapeTooltipComponent extends SettingsComponent {
+    constructor(configurationService, templateService, layer) {
+        super('tooltip', configurationService);
+        this.configurationService = configurationService;
+        this.templateService = templateService;
+        this.layer = layer;
+    }
+    ngAfterContentChecked() {
+        var _a;
+        this.templateService.registerTemplate(this.layer.index, (_a = this.shapeTooltipTemplate) === null || _a === void 0 ? void 0 : _a.templateRef);
+    }
+}
+ShapeTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ShapeTooltipComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.TooltipTemplateService }, { token: i3.LayerComponent }], target: i0.ɵɵFactoryTarget.Component });
+ShapeTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ShapeTooltipComponent, selector: "kendo-map-shape-layer-tooltip", queries: [{ propertyName: "shapeTooltipTemplate", first: true, predicate: ShapeTooltipTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ShapeTooltipComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-map-shape-layer-tooltip',
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }, { type: i2.TooltipTemplateService }, { type: i3.LayerComponent }]; }, propDecorators: { shapeTooltipTemplate: [{
+                type: ContentChild,
+                args: [ShapeTooltipTemplateDirective, { static: false }]
+            }] } });

package/esm2015/tooltip/tooltip-popup.component.js

@@ -0,0 +1,114 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ViewChild, Input, Output, EventEmitter } from '@angular/core';
+import { BaseTooltip } from './base-tooltip';
+import { hasParent } from '../common/has-parent';
+import { PopupService, POPUP_CONTAINER } from '@progress/kendo-angular-popup';
+import { bodyFactory } from './body-factory';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-popup";
+import * as i2 from "./tooltip-template.service";
+import * as i3 from "@progress/kendo-angular-l10n";
+import * as i4 from "@angular/common";
+/**
+ * @hidden
+ */
+export class TooltipPopupComponent extends BaseTooltip {
+    constructor(popupService, templateService, localizationService, ngZone) {
+        super(popupService, localizationService);
+        this.popupService = popupService;
+        this.templateService = templateService;
+        this.localizationService = localizationService;
+        this.ngZone = ngZone;
+        this.tooltipContext = {};
+        this.animate = true;
+        this.wrapperClass = 'k-tooltip-wrapper';
+        this.leave = new EventEmitter();
+        this.popupClasses = {};
+    }
+    show(e) {
+        this.tooltipTemplateRef = this.templateService.getTemplate(e.layerIndex);
+        if (!this.tooltipTemplateRef) {
+            return;
+        }
+        this.popupClasses = Object.assign({
+            'k-tooltip': true,
+            'k-map-tooltip': true,
+            [e.className]: Boolean(e.className)
+        }, this.classNames);
+        this.tooltipContext = e;
+        super.show(e);
+    }
+    containsElement(element) {
+        if (this.popupRef) {
+            return hasParent(element, this.popupRef.popupElement);
+        }
+    }
+    onInit() {
+        this.ngZone.runOutsideAngular(() => {
+            this.mouseleaveSubscription = this.popupRef.popupElement.addEventListener('mouseleave', (args) => {
+                this.leave.emit(args);
+            });
+        });
+        this.popupRef.popupElement.classList.add(this.wrapperClass);
+    }
+    hide() {
+        if (this.mouseleaveSubscription) {
+            this.mouseleaveSubscription();
+            this.mouseleaveSubscription = null;
+        }
+        this.tooltipTemplateRef = null;
+        super.hide();
+    }
+}
+TooltipPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipPopupComponent, deps: [{ token: i1.PopupService }, { token: i2.TooltipTemplateService }, { token: i3.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+TooltipPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TooltipPopupComponent, selector: "kendo-map-tooltip-popup", inputs: { animate: "animate", classNames: "classNames", popupSettings: "popupSettings", wrapperClass: "wrapperClass" }, outputs: { leave: "leave" }, providers: [PopupService, {
+            provide: POPUP_CONTAINER,
+            useFactory: bodyFactory
+        }], viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["content"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+    <ng-template #content>
+        <div [ngClass]="popupClasses" [ngStyle]="style">
+            <div class="k-tooltip-content">
+                <ng-template [ngTemplateOutlet]="tooltipTemplateRef"
+                            [ngTemplateOutletContext]="tooltipContext">
+                </ng-template>
+            </div>
+        </div>
+    </ng-template>
+    `, isInline: true, directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipPopupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [PopupService, {
+                            provide: POPUP_CONTAINER,
+                            useFactory: bodyFactory
+                        }],
+                    selector: 'kendo-map-tooltip-popup',
+                    template: `
+    <ng-template #content>
+        <div [ngClass]="popupClasses" [ngStyle]="style">
+            <div class="k-tooltip-content">
+                <ng-template [ngTemplateOutlet]="tooltipTemplateRef"
+                            [ngTemplateOutletContext]="tooltipContext">
+                </ng-template>
+            </div>
+        </div>
+    </ng-template>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.PopupService }, { type: i2.TooltipTemplateService }, { type: i3.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { templateRef: [{
+                type: ViewChild,
+                args: ['content', { static: true }]
+            }], animate: [{
+                type: Input
+            }], classNames: [{
+                type: Input
+            }], popupSettings: [{
+                type: Input
+            }], wrapperClass: [{
+                type: Input
+            }], leave: [{
+                type: Output
+            }] } });

package/esm2015/tooltip/tooltip-template.service.js

@@ -0,0 +1,29 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class TooltipTemplateService {
+    constructor() {
+        this.templates = [];
+    }
+    registerTemplate(layerIndex, template) {
+        if (layerIndex > -1) {
+            this.templates[layerIndex] = template;
+        }
+    }
+    getTemplate(layerIndex) {
+        if (layerIndex > -1) {
+            return this.templates[layerIndex];
+        }
+    }
+}
+TooltipTemplateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipTemplateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TooltipTemplateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipTemplateService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipTemplateService, decorators: [{
+            type: Injectable
+        }] });

package/esm2015/tooltip.js

@@ -0,0 +1,11 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export { BubbleTooltipTemplateDirective } from './tooltip/bubble-tooltip-template.directive';
+export { MarkerTooltipTemplateDirective } from './tooltip/marker-tooltip-template.directive';
+export { ShapeTooltipTemplateDirective } from './tooltip/shape-tooltip-template.directive';
+export { TooltipPopupComponent } from './tooltip/tooltip-popup.component';
+export { BubbleTooltipComponent } from './tooltip/bubble-tooltip.component';
+export { MarkerTooltipComponent } from './tooltip/marker-tooltip.component';
+export { ShapeTooltipComponent } from './tooltip/shape-tooltip.component';