@yesilyazilim/web.spa.gis 1.0.10 → 1.0.12

package/index.js

@@ -374,7 +374,7 @@ class $3ecb066746a16c54$export$23eba0cb71a4e506 {
                 title: "Opakl\u0131k"
             },
             styles: {
-                width: "70px"
+                width: "50px"
             }
         });
         opacityInput.addEventListener("input", (ev)=>{
@@ -2907,7 +2907,7 @@ class $979d8cb30b62358d$export$3013e01cb8ddab96 {
             up.append('X', Math.round(inp.screenPoint[0]).toString());
             up.append('Y', Math.round(inp.screenPoint[1]).toString());
             this._fillCustomParams('identify', up);
-            var url = this._wmsProps.url + '?' + up.toString();
+            const url = this._wmsProps.url + '?' + up.toString();
             if (!url) return null;
             const headers = {};
             let purl = url;
@@ -2921,7 +2921,7 @@ class $979d8cb30b62358d$export$3013e01cb8ddab96 {
             });
             if (res.ok) {
                 const json = yield res.json();
-                var ft = (0, $10571313f00c012e$export$4691a8a9ff232a6b).fromGeojsonFeatures(json);
+                const ft = (0, $10571313f00c012e$export$4691a8a9ff232a6b).fromGeojsonFeatures(json);
                 return ft;
             }
             return null;
@@ -3047,25 +3047,22 @@ $9f1e53e2f5ceab7e$var$__decorate([
     $9f1e53e2f5ceab7e$var$__metadata("design:type", typeof ($9f1e53e2f5ceab7e$var$_c = typeof (0, $8zHUo$yesilyazilimwebspa.EventService) !== "undefined" && (0, $8zHUo$yesilyazilimwebspa.EventService)) === "function" ? $9f1e53e2f5ceab7e$var$_c : Object)
 ], $9f1e53e2f5ceab7e$export$4f2c359228ce6008.prototype, "eventService", void 0);
 class $9f1e53e2f5ceab7e$export$8f36746e9bfe5db8 extends $9f1e53e2f5ceab7e$export$4f2c359228ce6008 {
-    constructor(ld){
-        super(ld);
-    }
     getCustomParams(action) {
         const map = this._layer.getMapInternal();
         const view = map.getView();
         let extArr = view.calculateExtent(map.getSize());
         let defaultParams = `scale:${this.calculateEpsForScreenDistance(map)};xmin:${extArr[0]};ymin:${extArr[1]};xmax:${extArr[2]};ymax:${extArr[3]};`;
         const user = this.authService.currentUser;
-        if (user) defaultParams = defaultParams + `uid:${user.id};sid:${user.id}`;
+        if (user) defaultParams = defaultParams + `uid:${user.id};`;
+        if (this._currentTime > 0) defaultParams = defaultParams + `epctime:${this._currentTime};`;
         const obj = {
-            "TIME": this._currentTime,
             "viewParams": defaultParams
         };
         return obj;
     }
     queryIdentifyAsync(data) {
         return $9f1e53e2f5ceab7e$var$__awaiter(this, void 0, void 0, function*() {
-            var res = yield this._channel.IdentifyAsync(data);
+            const res = yield this._channel.IdentifyAsync(data);
             if (res && res.length > 0) {
                 const items = res.map((f)=>({
                         layerTitle: this.definition.title,
@@ -4455,265 +4452,6 @@ $e17bdfcbfec5a561$exports = {
 };
 
 
-var $a1772d70f6472cf3$exports = {};
-var $0886c8bb6256cf0c$exports = {};
-
-$parcel$export($0886c8bb6256cf0c$exports, "ShLayerListCommand", () => $0886c8bb6256cf0c$export$11ede7347ce61760);
-
-
-var $3244a3c7a3ab6329$exports = {};
-
-$parcel$export($3244a3c7a3ab6329$exports, "TocComponent", () => $3244a3c7a3ab6329$export$ffc1366d10787ec1);
-
-
-
-var $3244a3c7a3ab6329$var$__decorate = undefined && undefined.__decorate || function(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var $3244a3c7a3ab6329$var$__metadata = undefined && undefined.__metadata || function(k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var $3244a3c7a3ab6329$var$_a;
-let $3244a3c7a3ab6329$export$ffc1366d10787ec1 = class TocComponent extends (0, $8zHUo$yesilyazilimwebspa.BaseElement) {
-    constructor(){
-        super();
-        this._tree = new (0, $8zHUo$yesilyazilimwebspa.TreeView)(this.layerManager.layerList, {
-            selection: {
-                mode: 'multi'
-            }
-        });
-        this.appendChild(this._tree);
-    }
-};
-$3244a3c7a3ab6329$var$__decorate([
-    (0, $8zHUo$yesilyazilimwebspa.Inject)(),
-    $3244a3c7a3ab6329$var$__metadata("design:type", typeof ($3244a3c7a3ab6329$var$_a = typeof (0, $a28fe88e0f106608$export$eff87c52915dd7fe) !== "undefined" && (0, $a28fe88e0f106608$export$eff87c52915dd7fe)) === "function" ? $3244a3c7a3ab6329$var$_a : Object)
-], $3244a3c7a3ab6329$export$ffc1366d10787ec1.prototype, "layerManager", void 0);
-$3244a3c7a3ab6329$export$ffc1366d10787ec1 = $3244a3c7a3ab6329$var$__decorate([
-    (0, $8zHUo$yesilyazilimwebspa.Component)({
-        elementName: "app-toc"
-    }),
-    $3244a3c7a3ab6329$var$__metadata("design:paramtypes", [])
-], $3244a3c7a3ab6329$export$ffc1366d10787ec1);
-
-
-var $0886c8bb6256cf0c$var$__decorate = undefined && undefined.__decorate || function(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var $0886c8bb6256cf0c$var$__metadata = undefined && undefined.__metadata || function(k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var $0886c8bb6256cf0c$var$_a;
-let $0886c8bb6256cf0c$export$11ede7347ce61760 = class ShLayerListCommand {
-    constructor(){
-        this.enabled = true;
-        this.active = true;
-    }
-    start(childKey) {
-        if (this.application.isPanelOpen('panel-map-toc')) this.application.closePanelAsync('panel-map-toc');
-        else this.application.openPanel({
-            closable: false,
-            name: 'panel-map-toc',
-            header: 'Katmanlar',
-            content: new (0, $3244a3c7a3ab6329$export$ffc1366d10787ec1)(),
-            draggable: true
-        }, (0, $8zHUo$yesilyazilimwebspa.PanelPos).Left);
-        this.active = !this.active;
-    }
-};
-$0886c8bb6256cf0c$var$__decorate([
-    (0, $8zHUo$yesilyazilimwebspa.Inject)(),
-    $0886c8bb6256cf0c$var$__metadata("design:type", typeof ($0886c8bb6256cf0c$var$_a = typeof (0, $8zHUo$yesilyazilimwebspa.Application) !== "undefined" && (0, $8zHUo$yesilyazilimwebspa.Application)) === "function" ? $0886c8bb6256cf0c$var$_a : Object)
-], $0886c8bb6256cf0c$export$11ede7347ce61760.prototype, "application", void 0);
-$0886c8bb6256cf0c$export$11ede7347ce61760 = $0886c8bb6256cf0c$var$__decorate([
-    (0, $8zHUo$yesilyazilimwebspa.Command)({
-        type: (0, $8zHUo$yesilyazilimwebspa.CommandTypes).Command,
-        container: (0, $91d76f4d8e753f27$export$b29ff6cb22936cb7).ribbon,
-        key: 'view-sh-layerlist',
-        group: 'mg-view-panels',
-        order: 1,
-        title: 'Katmanlar',
-        iconClass: 'bi bi-layers'
-    }),
-    $0886c8bb6256cf0c$var$__metadata("design:paramtypes", [])
-], $0886c8bb6256cf0c$export$11ede7347ce61760);
-
-
-var $00bc23a8c2168d56$exports = {};
-
-$parcel$export($00bc23a8c2168d56$exports, "ShLegendCommand", () => $00bc23a8c2168d56$export$2ba7b7ff482be773);
-
-
-var $592c9f0aa7568173$exports = {};
-
-$parcel$export($592c9f0aa7568173$exports, "LegendComponent", () => $592c9f0aa7568173$export$78003ba218df33f3);
-$parcel$export($592c9f0aa7568173$exports, "LayerLegentItem", () => $592c9f0aa7568173$export$20031d91c4cb08c7);
-
-
-
-
-
-var $592c9f0aa7568173$var$__decorate = undefined && undefined.__decorate || function(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var $592c9f0aa7568173$var$__metadata = undefined && undefined.__metadata || function(k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var $592c9f0aa7568173$var$_a, $592c9f0aa7568173$var$_b, $592c9f0aa7568173$var$_c;
-let $592c9f0aa7568173$export$78003ba218df33f3 = class LegendComponent extends (0, $8zHUo$yesilyazilimwebspa.BaseElement) {
-    constructor(lazy){
-        super();
-        if (lazy) this._attach();
-        else this.eventService.listen((0, $91d76f4d8e753f27$export$3b3923acac36255a).MapReady, ()=>{
-            this._attach();
-        }, this.getDisposedSignal());
-    }
-    _attach() {
-        this.listComp = new (0, $8zHUo$yesilyazilimwebspa.ListComponent)({
-            source: this.layerManager.layerList,
-            itemFactory: this._createListItem.bind(this)
-        });
-        this.appendChild(this.listComp);
-    }
-    _createListItem(layer) {
-        const div = (0, $8zHUo$yesilyazilimwebspa.ELF).div('main-legend-item');
-        var mainHeader = (0, $8zHUo$yesilyazilimwebspa.ELF).h(3, layer.title);
-        div.appendChild(mainHeader);
-        if (layer.hasMapLayer) {
-            const ml = layer;
-            const infos = ml.getLegendInfos();
-            if (infos && infos.length > 0) {
-                let skipTitle = false;
-                if (infos.length == 1 && infos[0].title == layer.title) skipTitle = true;
-                for (const info of infos){
-                    const subItem = new $592c9f0aa7568173$export$20031d91c4cb08c7(info, skipTitle);
-                    div.appendChild(subItem);
-                }
-            }
-        }
-        return div;
-    }
-};
-$592c9f0aa7568173$var$__decorate([
-    (0, $8zHUo$yesilyazilimwebspa.Inject)(),
-    $592c9f0aa7568173$var$__metadata("design:type", typeof ($592c9f0aa7568173$var$_a = typeof (0, $a28fe88e0f106608$export$eff87c52915dd7fe) !== "undefined" && (0, $a28fe88e0f106608$export$eff87c52915dd7fe)) === "function" ? $592c9f0aa7568173$var$_a : Object)
-], $592c9f0aa7568173$export$78003ba218df33f3.prototype, "layerManager", void 0);
-$592c9f0aa7568173$var$__decorate([
-    (0, $8zHUo$yesilyazilimwebspa.Inject)(),
-    $592c9f0aa7568173$var$__metadata("design:type", typeof ($592c9f0aa7568173$var$_b = typeof (0, $e2e9872d2858bcde$export$c521bb0b406df9a3) !== "undefined" && (0, $e2e9872d2858bcde$export$c521bb0b406df9a3)) === "function" ? $592c9f0aa7568173$var$_b : Object)
-], $592c9f0aa7568173$export$78003ba218df33f3.prototype, "mapManager", void 0);
-$592c9f0aa7568173$var$__decorate([
-    (0, $8zHUo$yesilyazilimwebspa.Inject)(),
-    $592c9f0aa7568173$var$__metadata("design:type", typeof ($592c9f0aa7568173$var$_c = typeof (0, $8zHUo$yesilyazilimwebspa.EventService) !== "undefined" && (0, $8zHUo$yesilyazilimwebspa.EventService)) === "function" ? $592c9f0aa7568173$var$_c : Object)
-], $592c9f0aa7568173$export$78003ba218df33f3.prototype, "eventService", void 0);
-$592c9f0aa7568173$export$78003ba218df33f3 = $592c9f0aa7568173$var$__decorate([
-    (0, $8zHUo$yesilyazilimwebspa.Component)({
-        elementName: "app-map-legend"
-    }),
-    $592c9f0aa7568173$var$__metadata("design:paramtypes", [
-        Boolean
-    ])
-], $592c9f0aa7568173$export$78003ba218df33f3);
-let $592c9f0aa7568173$export$20031d91c4cb08c7 = class LayerLegentItem extends (0, $8zHUo$yesilyazilimwebspa.BaseElement) {
-    get layerId() {
-        return this.info.layerId;
-    }
-    constructor(info, skipTitle){
-        super();
-        this.info = info;
-        if (!skipTitle) {
-            this.appendChild((0, $8zHUo$yesilyazilimwebspa.ELF).label(info.title, 'legend-title'));
-            if (info.subtitle) this.appendChild((0, $8zHUo$yesilyazilimwebspa.ELF).label(info.subtitle, 'legend-subtitle'));
-        }
-        this.appendChild(this._getRowsTable());
-    }
-    _getRowsTable() {
-        const table = document.createElement('table');
-        table.setClasses('legend-table');
-        if (this.info.rows && this.info.rows.length > 0) for (const ls of this.info.rows){
-            const row = document.createElement('tr');
-            const c1 = document.createElement('td');
-            c1.setClasses('leg-image-col');
-            const c2 = document.createElement('td');
-            if (ls.elm) c1.appendChildren(ls.elm);
-            if (ls.label) c2.innerText = ls.label;
-            row.appendChildren(c1, c2);
-            table.appendChild(row);
-        }
-        return table;
-    }
-};
-$592c9f0aa7568173$export$20031d91c4cb08c7 = $592c9f0aa7568173$var$__decorate([
-    (0, $8zHUo$yesilyazilimwebspa.Component)({
-        elementName: 'app-layer-legend-item'
-    }),
-    $592c9f0aa7568173$var$__metadata("design:paramtypes", [
-        Object,
-        Boolean
-    ])
-], $592c9f0aa7568173$export$20031d91c4cb08c7);
-
-
-var $00bc23a8c2168d56$var$__decorate = undefined && undefined.__decorate || function(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var $00bc23a8c2168d56$var$__metadata = undefined && undefined.__metadata || function(k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var $00bc23a8c2168d56$var$_a;
-let $00bc23a8c2168d56$export$2ba7b7ff482be773 = class ShLegendCommand {
-    constructor(){
-        this.enabled = true;
-        this.active = true;
-    }
-    start(childKey) {
-        if (this.application.isPanelOpen('panel-map-legend')) this.application.closePanelAsync('panel-map-legend');
-        else this.application.openPanel({
-            closable: false,
-            name: 'panel-map-legend',
-            header: 'Lejant',
-            content: new (0, $592c9f0aa7568173$export$78003ba218df33f3)(true),
-            draggable: true
-        }, (0, $8zHUo$yesilyazilimwebspa.PanelPos).Left);
-        this.active = !this.active;
-    }
-};
-$00bc23a8c2168d56$var$__decorate([
-    (0, $8zHUo$yesilyazilimwebspa.Inject)(),
-    $00bc23a8c2168d56$var$__metadata("design:type", typeof ($00bc23a8c2168d56$var$_a = typeof (0, $8zHUo$yesilyazilimwebspa.Application) !== "undefined" && (0, $8zHUo$yesilyazilimwebspa.Application)) === "function" ? $00bc23a8c2168d56$var$_a : Object)
-], $00bc23a8c2168d56$export$2ba7b7ff482be773.prototype, "application", void 0);
-$00bc23a8c2168d56$export$2ba7b7ff482be773 = $00bc23a8c2168d56$var$__decorate([
-    (0, $8zHUo$yesilyazilimwebspa.Command)({
-        type: (0, $8zHUo$yesilyazilimwebspa.CommandTypes).Command,
-        container: (0, $91d76f4d8e753f27$export$b29ff6cb22936cb7).ribbon,
-        key: 'view-sh-legend',
-        group: 'mg-view-panels',
-        order: 2,
-        title: 'Lejant',
-        iconClass: 'bi bi-layers'
-    }),
-    $00bc23a8c2168d56$var$__metadata("design:paramtypes", [])
-], $00bc23a8c2168d56$export$2ba7b7ff482be773);
-
-
-$a1772d70f6472cf3$exports = {
-    "sh-layerlist.command.ts": $0886c8bb6256cf0c$exports,
-    "sh-legend.command.ts": $00bc23a8c2168d56$exports
-};
-
-
 var $b052729e6971afe9$exports = {};
 
 $parcel$export($b052729e6971afe9$exports, "MapComponent", () => $b052729e6971afe9$export$c8c02c9c269eb8dd);
@@ -5225,6 +4963,156 @@ $b052729e6971afe9$export$c8c02c9c269eb8dd = $b052729e6971afe9$var$__decorate([
 ], $b052729e6971afe9$export$c8c02c9c269eb8dd);
 
 
+var $592c9f0aa7568173$exports = {};
+
+$parcel$export($592c9f0aa7568173$exports, "LegendComponent", () => $592c9f0aa7568173$export$78003ba218df33f3);
+$parcel$export($592c9f0aa7568173$exports, "LayerLegentItem", () => $592c9f0aa7568173$export$20031d91c4cb08c7);
+
+
+
+
+
+var $592c9f0aa7568173$var$__decorate = undefined && undefined.__decorate || function(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var $592c9f0aa7568173$var$__metadata = undefined && undefined.__metadata || function(k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var $592c9f0aa7568173$var$_a, $592c9f0aa7568173$var$_b, $592c9f0aa7568173$var$_c;
+let $592c9f0aa7568173$export$78003ba218df33f3 = class LegendComponent extends (0, $8zHUo$yesilyazilimwebspa.BaseElement) {
+    constructor(lazy){
+        super();
+        if (lazy) this._attach();
+        else this.eventService.listen((0, $91d76f4d8e753f27$export$3b3923acac36255a).MapReady, ()=>{
+            this._attach();
+        }, this.getDisposedSignal());
+    }
+    _attach() {
+        this.listComp = new (0, $8zHUo$yesilyazilimwebspa.ListComponent)({
+            source: this.layerManager.layerList,
+            itemFactory: this._createListItem.bind(this)
+        });
+        this.appendChild(this.listComp);
+    }
+    _createListItem(layer) {
+        const div = (0, $8zHUo$yesilyazilimwebspa.ELF).div('main-legend-item');
+        const mainHeader = (0, $8zHUo$yesilyazilimwebspa.ELF).h(3, layer.title);
+        div.appendChild(mainHeader);
+        if (layer.hasMapLayer) {
+            const ml = layer;
+            const infos = ml.getLegendInfos();
+            if (infos && infos.length > 0) {
+                let skipTitle = false;
+                if (infos.length == 1 && infos[0].title == layer.title) skipTitle = true;
+                for (const info of infos){
+                    const subItem = new $592c9f0aa7568173$export$20031d91c4cb08c7(info, skipTitle);
+                    div.appendChild(subItem);
+                }
+            }
+        }
+        return div;
+    }
+};
+$592c9f0aa7568173$var$__decorate([
+    (0, $8zHUo$yesilyazilimwebspa.Inject)(),
+    $592c9f0aa7568173$var$__metadata("design:type", typeof ($592c9f0aa7568173$var$_a = typeof (0, $a28fe88e0f106608$export$eff87c52915dd7fe) !== "undefined" && (0, $a28fe88e0f106608$export$eff87c52915dd7fe)) === "function" ? $592c9f0aa7568173$var$_a : Object)
+], $592c9f0aa7568173$export$78003ba218df33f3.prototype, "layerManager", void 0);
+$592c9f0aa7568173$var$__decorate([
+    (0, $8zHUo$yesilyazilimwebspa.Inject)(),
+    $592c9f0aa7568173$var$__metadata("design:type", typeof ($592c9f0aa7568173$var$_b = typeof (0, $e2e9872d2858bcde$export$c521bb0b406df9a3) !== "undefined" && (0, $e2e9872d2858bcde$export$c521bb0b406df9a3)) === "function" ? $592c9f0aa7568173$var$_b : Object)
+], $592c9f0aa7568173$export$78003ba218df33f3.prototype, "mapManager", void 0);
+$592c9f0aa7568173$var$__decorate([
+    (0, $8zHUo$yesilyazilimwebspa.Inject)(),
+    $592c9f0aa7568173$var$__metadata("design:type", typeof ($592c9f0aa7568173$var$_c = typeof (0, $8zHUo$yesilyazilimwebspa.EventService) !== "undefined" && (0, $8zHUo$yesilyazilimwebspa.EventService)) === "function" ? $592c9f0aa7568173$var$_c : Object)
+], $592c9f0aa7568173$export$78003ba218df33f3.prototype, "eventService", void 0);
+$592c9f0aa7568173$export$78003ba218df33f3 = $592c9f0aa7568173$var$__decorate([
+    (0, $8zHUo$yesilyazilimwebspa.Component)({
+        elementName: "app-map-legend"
+    }),
+    $592c9f0aa7568173$var$__metadata("design:paramtypes", [
+        Boolean
+    ])
+], $592c9f0aa7568173$export$78003ba218df33f3);
+let $592c9f0aa7568173$export$20031d91c4cb08c7 = class LayerLegentItem extends (0, $8zHUo$yesilyazilimwebspa.BaseElement) {
+    get layerId() {
+        return this.info.layerId;
+    }
+    constructor(info, skipTitle){
+        super();
+        this.info = info;
+        if (!skipTitle) {
+            this.appendChild((0, $8zHUo$yesilyazilimwebspa.ELF).label(info.title, 'legend-title'));
+            if (info.subtitle) this.appendChild((0, $8zHUo$yesilyazilimwebspa.ELF).label(info.subtitle, 'legend-subtitle'));
+        }
+        this.appendChild(this._getRowsTable());
+    }
+    _getRowsTable() {
+        const table = document.createElement('table');
+        table.setClasses('legend-table');
+        if (this.info.rows && this.info.rows.length > 0) for (const ls of this.info.rows){
+            const row = document.createElement('tr');
+            const c1 = document.createElement('td');
+            c1.setClasses('leg-image-col');
+            const c2 = document.createElement('td');
+            if (ls.elm) c1.appendChildren(ls.elm);
+            if (ls.label) c2.innerText = ls.label;
+            row.appendChildren(c1, c2);
+            table.appendChild(row);
+        }
+        return table;
+    }
+};
+$592c9f0aa7568173$export$20031d91c4cb08c7 = $592c9f0aa7568173$var$__decorate([
+    (0, $8zHUo$yesilyazilimwebspa.Component)({
+        elementName: 'app-layer-legend-item'
+    }),
+    $592c9f0aa7568173$var$__metadata("design:paramtypes", [
+        Object,
+        Boolean
+    ])
+], $592c9f0aa7568173$export$20031d91c4cb08c7);
+
+
+var $3244a3c7a3ab6329$exports = {};
+
+$parcel$export($3244a3c7a3ab6329$exports, "TocComponent", () => $3244a3c7a3ab6329$export$ffc1366d10787ec1);
+
+
+
+var $3244a3c7a3ab6329$var$__decorate = undefined && undefined.__decorate || function(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var $3244a3c7a3ab6329$var$__metadata = undefined && undefined.__metadata || function(k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var $3244a3c7a3ab6329$var$_a;
+let $3244a3c7a3ab6329$export$ffc1366d10787ec1 = class TocComponent extends (0, $8zHUo$yesilyazilimwebspa.BaseElement) {
+    constructor(){
+        super();
+        this._tree = new (0, $8zHUo$yesilyazilimwebspa.TreeView)(this.layerManager.layerList, {
+            selection: {
+                mode: 'multi'
+            }
+        });
+        this.appendChild(this._tree);
+    }
+};
+$3244a3c7a3ab6329$var$__decorate([
+    (0, $8zHUo$yesilyazilimwebspa.Inject)(),
+    $3244a3c7a3ab6329$var$__metadata("design:type", typeof ($3244a3c7a3ab6329$var$_a = typeof (0, $a28fe88e0f106608$export$eff87c52915dd7fe) !== "undefined" && (0, $a28fe88e0f106608$export$eff87c52915dd7fe)) === "function" ? $3244a3c7a3ab6329$var$_a : Object)
+], $3244a3c7a3ab6329$export$ffc1366d10787ec1.prototype, "layerManager", void 0);
+$3244a3c7a3ab6329$export$ffc1366d10787ec1 = $3244a3c7a3ab6329$var$__decorate([
+    (0, $8zHUo$yesilyazilimwebspa.Component)({
+        elementName: "app-toc"
+    }),
+    $3244a3c7a3ab6329$var$__metadata("design:paramtypes", [])
+], $3244a3c7a3ab6329$export$ffc1366d10787ec1);