@smarterplan/ngx-smarterplan-locations 0.3.4 → 0.4.2

package/esm2022/lib/components/plan-legend/plan-legend.component.mjs

@@ -0,0 +1,49 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-translate/core";
+import * as i2 from "@angular/common";
+class PlanLegendComponent {
+    translate;
+    isAudioZone = false;
+    buttonsToRender = [];
+    colorToText = {};
+    constructor(translate) {
+        this.translate = translate;
+    }
+    async ngOnInit() {
+        this.render();
+    }
+    async render() {
+        this.buttonsToRender = [
+            {
+                url: `url("https://api.iconify.design/mdi:adjust.svg?color=green&height=17&width=17")`,
+                text: this.translate.instant("legend.green")
+            },
+            {
+                url: `url("https://api.iconify.design/mdi:close-circle-outline.svg?color=red&height=17&width=17")`,
+                text: this.translate.instant("legend.red")
+            }
+        ];
+        if (this.isAudioZone) {
+            let audioPoints = [{
+                    url: `url("https://api.iconify.design/mdi:close-circle-outline.svg?color=black&height=17&width=17")`,
+                    text: this.translate.instant("legend.black")
+                },
+                {
+                    url: `url("https://api.iconify.design/mdi:adjust.svg?color=orange&height=17&width=17")`,
+                    text: this.translate.instant("legend.orange")
+                }];
+            this.buttonsToRender = this.buttonsToRender.concat(audioPoints);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PlanLegendComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PlanLegendComponent, selector: "lib-plan-legend", inputs: { isAudioZone: "isAudioZone" }, ngImport: i0, template: "<div class=\"mt-3 ms-3\" class=\"legendContainer\">\r\n    <h5>{{\"legend.title\" | translate}}</h5>\r\n    <div class=\"legendBox\">\r\n        <div class=\"legendRow\" *ngFor=\"let elemnt of buttonsToRender\">\r\n            <button class=\"legendIcon\" [ngStyle] = \"{'background-image': elemnt.url}\"></button>\r\n            <span>{{elemnt.text}}</span>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".legendContainer{padding:1rem;border:solid var(--smarterplan-primary) 2px;border-radius:6px;width:100%;margin-bottom:.5rem;background:#fff}.legendContainer .legendBox{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.legendContainer .legendBox .legendRow{display:flex;flex-direction:row;align-items:center}.legendContainer .legendBox .legendRow .legendIcon{width:2.5rem;height:2.5rem;background-repeat:no-repeat;background-size:cover;border:none;background-color:transparent;margin-right:.5rem;cursor:auto}.legendContainer .legendBox .legendRow span{margin-right:1rem;cursor:auto}.legendContainer .legendBox .legendRow h5{cursor:auto}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+}
+export { PlanLegendComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PlanLegendComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-plan-legend', template: "<div class=\"mt-3 ms-3\" class=\"legendContainer\">\r\n    <h5>{{\"legend.title\" | translate}}</h5>\r\n    <div class=\"legendBox\">\r\n        <div class=\"legendRow\" *ngFor=\"let elemnt of buttonsToRender\">\r\n            <button class=\"legendIcon\" [ngStyle] = \"{'background-image': elemnt.url}\"></button>\r\n            <span>{{elemnt.text}}</span>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".legendContainer{padding:1rem;border:solid var(--smarterplan-primary) 2px;border-radius:6px;width:100%;margin-bottom:.5rem;background:#fff}.legendContainer .legendBox{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.legendContainer .legendBox .legendRow{display:flex;flex-direction:row;align-items:center}.legendContainer .legendBox .legendRow .legendIcon{width:2.5rem;height:2.5rem;background-repeat:no-repeat;background-size:cover;border:none;background-color:transparent;margin-right:.5rem;cursor:auto}.legendContainer .legendBox .legendRow span{margin-right:1rem;cursor:auto}.legendContainer .legendBox .legendRow h5{cursor:auto}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { isAudioZone: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGxhbi1sZWdlbmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNtYXJ0ZXJwbGFuLWxvY2F0aW9ucy9zcmMvbGliL2NvbXBvbmVudHMvcGxhbi1sZWdlbmQvcGxhbi1sZWdlbmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNtYXJ0ZXJwbGFuLWxvY2F0aW9ucy9zcmMvbGliL2NvbXBvbmVudHMvcGxhbi1sZWdlbmQvcGxhbi1sZWdlbmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQWMsTUFBTSxlQUFlLENBQUM7Ozs7QUFHckUsTUFLYSxtQkFBbUI7SUFRcEI7SUFQRCxXQUFXLEdBQVksS0FBSyxDQUFDO0lBRXRDLGVBQWUsR0FBRyxFQUFFLENBQUM7SUFFckIsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUVqQixZQUNVLFNBQTJCO1FBQTNCLGNBQVMsR0FBVCxTQUFTLENBQWtCO0lBQ2xDLENBQUM7SUFFSixLQUFLLENBQUMsUUFBUTtRQUNaLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQTtJQUNmLENBQUM7SUFFRCxLQUFLLENBQUMsTUFBTTtRQUNWLElBQUksQ0FBQyxlQUFlLEdBQUc7WUFDckI7Z0JBQ0UsR0FBRyxFQUFFLGlGQUFpRjtnQkFDdEYsSUFBSSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLGNBQWMsQ0FBQzthQUM3QztZQUNEO2dCQUNFLEdBQUcsRUFBRSw2RkFBNkY7Z0JBQ2xHLElBQUksRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxZQUFZLENBQUM7YUFDM0M7U0FDRixDQUFBO1FBQ0QsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ2xCLElBQUksV0FBVyxHQUFHLENBQUM7b0JBQ2pCLEdBQUcsRUFBRSwrRkFBK0Y7b0JBQ3BHLElBQUksRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxjQUFjLENBQUM7aUJBQzdDO2dCQUNEO29CQUNFLEdBQUcsRUFBRSxrRkFBa0Y7b0JBQ3ZGLElBQUksRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxlQUFlLENBQUM7aUJBQzlDLENBQUMsQ0FBQTtZQUNGLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUE7U0FDbEU7SUFDSCxDQUFDO3dHQXJDVSxtQkFBbUI7NEZBQW5CLG1CQUFtQiwrRkNSaEMsc1pBU0E7O1NERGEsbUJBQW1COzRGQUFuQixtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsaUJBQWlCO3VHQUtsQixXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBPbkNoYW5nZXMgIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tIFwiQG5neC10cmFuc2xhdGUvY29yZVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItcGxhbi1sZWdlbmQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9wbGFuLWxlZ2VuZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcGxhbi1sZWdlbmQuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgUGxhbkxlZ2VuZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgaXNBdWRpb1pvbmU/OmJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgYnV0dG9uc1RvUmVuZGVyID0gW107XHJcblxyXG4gIGNvbG9yVG9UZXh0ID0ge307XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXHJcbiAgKSB7fVxyXG5cclxuICBhc3luYyBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMucmVuZGVyKClcclxuICB9XHJcblxyXG4gIGFzeW5jIHJlbmRlcigpIHtcclxuICAgIHRoaXMuYnV0dG9uc1RvUmVuZGVyID0gW1xyXG4gICAgICB7XHJcbiAgICAgICAgdXJsOiBgdXJsKFwiaHR0cHM6Ly9hcGkuaWNvbmlmeS5kZXNpZ24vbWRpOmFkanVzdC5zdmc/Y29sb3I9Z3JlZW4maGVpZ2h0PTE3JndpZHRoPTE3XCIpYCxcclxuICAgICAgICB0ZXh0OiB0aGlzLnRyYW5zbGF0ZS5pbnN0YW50KFwibGVnZW5kLmdyZWVuXCIpXHJcbiAgICAgIH0sXHJcbiAgICAgIHtcclxuICAgICAgICB1cmw6IGB1cmwoXCJodHRwczovL2FwaS5pY29uaWZ5LmRlc2lnbi9tZGk6Y2xvc2UtY2lyY2xlLW91dGxpbmUuc3ZnP2NvbG9yPXJlZCZoZWlnaHQ9MTcmd2lkdGg9MTdcIilgLFxyXG4gICAgICAgIHRleHQ6IHRoaXMudHJhbnNsYXRlLmluc3RhbnQoXCJsZWdlbmQucmVkXCIpXHJcbiAgICAgIH1cclxuICAgIF1cclxuICAgIGlmICh0aGlzLmlzQXVkaW9ab25lKSB7XHJcbiAgICAgICAgbGV0IGF1ZGlvUG9pbnRzID0gW3tcclxuICAgICAgICAgIHVybDogYHVybChcImh0dHBzOi8vYXBpLmljb25pZnkuZGVzaWduL21kaTpjbG9zZS1jaXJjbGUtb3V0bGluZS5zdmc/Y29sb3I9YmxhY2smaGVpZ2h0PTE3JndpZHRoPTE3XCIpYCxcclxuICAgICAgICAgIHRleHQ6IHRoaXMudHJhbnNsYXRlLmluc3RhbnQoXCJsZWdlbmQuYmxhY2tcIilcclxuICAgICAgICB9LFxyXG4gICAgICAgIHtcclxuICAgICAgICAgIHVybDogYHVybChcImh0dHBzOi8vYXBpLmljb25pZnkuZGVzaWduL21kaTphZGp1c3Quc3ZnP2NvbG9yPW9yYW5nZSZoZWlnaHQ9MTcmd2lkdGg9MTdcIilgLFxyXG4gICAgICAgICAgdGV4dDogdGhpcy50cmFuc2xhdGUuaW5zdGFudChcImxlZ2VuZC5vcmFuZ2VcIilcclxuICAgICAgICB9XVxyXG4gICAgICAgIHRoaXMuYnV0dG9uc1RvUmVuZGVyID0gdGhpcy5idXR0b25zVG9SZW5kZXIuY29uY2F0KGF1ZGlvUG9pbnRzKVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLy9zdHlsZUJ1dHRvbihlbGVtZW50LCBTd2VlcFN0YXRlLkRJU0FCTEVEKTtcclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm10LTMgbXMtM1wiIGNsYXNzPVwibGVnZW5kQ29udGFpbmVyXCI+XHJcbiAgICA8aDU+e3tcImxlZ2VuZC50aXRsZVwiIHwgdHJhbnNsYXRlfX08L2g1PlxyXG4gICAgPGRpdiBjbGFzcz1cImxlZ2VuZEJveFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJsZWdlbmRSb3dcIiAqbmdGb3I9XCJsZXQgZWxlbW50IG9mIGJ1dHRvbnNUb1JlbmRlclwiPlxyXG4gICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwibGVnZW5kSWNvblwiIFtuZ1N0eWxlXSA9IFwieydiYWNrZ3JvdW5kLWltYWdlJzogZWxlbW50LnVybH1cIj48L2J1dHRvbj5cclxuICAgICAgICAgICAgPHNwYW4+e3tlbGVtbnQudGV4dH19PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=