npm - gamma-app-controller - Versions diffs - 2.0.19 → 2.0.20 - Mend

gamma-app-controller 2.0.19 → 2.0.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/fesm2020/gamma-app-controller.mjs CHANGED Viewed

@@ -4239,10 +4239,10 @@ class GammaGeoChartComponent {
     }
 }
 GammaGeoChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GammaGeoChartComponent, deps: [{ token: CommonService }], target: i0.ɵɵFactoryTarget.Component });
-GammaGeoChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: GammaGeoChartComponent, selector: "app-gamma-geo-chart", inputs: { rightClickEnable: "rightClickEnable", chartDataSource: "chartDataSource" }, outputs: { getTableConfigOutPut: "getTableConfigOutPut", oRowClick: "oRowClick", onrightClickContextSelection: "onrightClickContextSelection" }, viewQueries: [{ propertyName: "googlMap", first: true, predicate: ["googlMap"], descendants: true }], ngImport: i0, template: "<div class=\"mx-2 bg-gray-800\">\n  <!-- <ng-container *ngIf=\"isLoader\">\n    <div class=\"flex justify-center items-start bg-gray-800 p-2\">\n      <app-loader></app-loader>\n    </div>\n  </ng-container> -->\n\n\n  <div class=\"relative w-full\">\n\n    <div id=\"regions_div\" #googlMap style=\"width: 100%\"></div>\n    <div id=\"googlemap\" style=\"width: 100%;\" [style.height]=\"chartHeight\"></div>\n\n    <div *ngIf=\"isLoader\" class=\"absolute inset-0 z-50 flex items-center justify-center bg-black/40 backdrop-blur-sm\">\n      <div class=\"loader\"></div>\n    </div>\n\n\n\n    <div class=\"mx-2 pb-2\">\n      <div class=\" mx-auto w-full mt-3\" *ngIf=\"isRangeSliderVisible\">\n        <div class=\"flex items-center justify-between mb-2\">\n\n          <button class=\"text-white px-3 py-2 rounded bg-gray-800 hover:bg-gray-700\" (click)=\"togglePlay()\">\n            <i class=\"fa\" [ngClass]=\"isPlaying ? 'fa-pause' : 'fa-play'\"></i>\n          </button>\n\n          <div class=\"flex space-x-2 text-sm font-semibold\">\n            <ng-container *ngFor=\"let year of allSelectedRangeSliderValues; let i = index\">\n              <span class=\"cursor-pointer select-none px-2 py-1 rounded-md transition\" [ngClass]=\"{\n            'bg-black text-white shadow': year === selectedRangeSliderValue,\n            'text-gray-300 hover:text-white': year !== selectedRangeSliderValue\n          }\" (click)=\"setYearByIndex(i)\">\n                {{ year }}\n              </span>\n            </ng-container>\n          </div>\n\n          <button class=\"text-white px-3 py-2 rounded bg-gray-800 hover:bg-gray-700\" (click)=\"restart()\">\n            <i class=\"fa fa-refresh\"></i>\n          </button>\n\n        </div>\n\n        <input type=\"range\" class=\"w-full h-2 rounded-lg appearance-none cursor-pointer\n           bg-gradient-to-r from-green-400 via-yellow-400 to-red-500\" [min]=\"0\"\n          [max]=\"allSelectedRangeSliderValues.length - 1\" [value]=\"choroplethMapCurrentIndex\"\n          (input)=\"onYearChange($event)\" />\n      </div>\n\n\n\n\n    </div>\n\n  </div>\n\n\n\n\n\n</div>", styles: [".loader{width:64px;height:64px;border:6px solid rgba(255,255,255,.2);border-top-color:#4ade80;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+GammaGeoChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: GammaGeoChartComponent, selector: "app-gamma-geo-chart", inputs: { rightClickEnable: "rightClickEnable", chartDataSource: "chartDataSource" }, outputs: { getTableConfigOutPut: "getTableConfigOutPut", oRowClick: "oRowClick", onrightClickContextSelection: "onrightClickContextSelection" }, viewQueries: [{ propertyName: "googlMap", first: true, predicate: ["googlMap"], descendants: true }], ngImport: i0, template: "<div class=\"mx-2 bg-gray-800\">\n  <!-- <ng-container *ngIf=\"isLoader\">\n    <div class=\"flex justify-center items-start bg-gray-800 p-2\">\n      <app-loader></app-loader>\n    </div>\n  </ng-container> -->\n\n\n  <div class=\"relative w-full\">\n\n    <div id=\"regions_div\" #googlMap style=\"width: 100%\"></div>\n    <div id=\"googlemap\" style=\"width: 100%;\" [style.height]=\"chartHeight\"></div>\n\n    <div *ngIf=\"isLoader\" class=\"absolute inset-0 z-50 flex items-center justify-center bg-black/40 backdrop-blur-sm\">\n      <div class=\"geo-chart-loader\"></div>\n    </div>\n\n\n\n    <div class=\"mx-2 pb-2\">\n      <div class=\" mx-auto w-full mt-3\" *ngIf=\"isRangeSliderVisible\">\n        <div class=\"flex items-center justify-between mb-2\">\n\n          <button class=\"text-white px-3 py-2 rounded bg-gray-800 hover:bg-gray-700\" (click)=\"togglePlay()\">\n            <i class=\"fa\" [ngClass]=\"isPlaying ? 'fa-pause' : 'fa-play'\"></i>\n          </button>\n\n          <div class=\"flex space-x-2 text-sm font-semibold\">\n            <ng-container *ngFor=\"let year of allSelectedRangeSliderValues; let i = index\">\n              <span class=\"cursor-pointer select-none px-2 py-1 rounded-md transition\" [ngClass]=\"{\n            'bg-black text-white shadow': year === selectedRangeSliderValue,\n            'text-gray-300 hover:text-white': year !== selectedRangeSliderValue\n          }\" (click)=\"setYearByIndex(i)\">\n                {{ year }}\n              </span>\n            </ng-container>\n          </div>\n\n          <button class=\"text-white px-3 py-2 rounded bg-gray-800 hover:bg-gray-700\" (click)=\"restart()\">\n            <i class=\"fa fa-refresh\"></i>\n          </button>\n\n        </div>\n\n        <input type=\"range\" class=\"w-full h-2 rounded-lg appearance-none cursor-pointer\n           bg-gradient-to-r from-green-400 via-yellow-400 to-red-500\" [min]=\"0\"\n          [max]=\"allSelectedRangeSliderValues.length - 1\" [value]=\"choroplethMapCurrentIndex\"\n          (input)=\"onYearChange($event)\" />\n      </div>\n\n\n\n\n    </div>\n\n  </div>\n\n\n\n\n\n</div>", styles: [".geo-chart-loader{width:64px;height:64px;border:6px solid rgba(255,255,255,.2);border-top-color:#4ade80;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GammaGeoChartComponent, decorators: [{
             type: Component,
-            args: [{ selector: "app-gamma-geo-chart", template: "<div class=\"mx-2 bg-gray-800\">\n  <!-- <ng-container *ngIf=\"isLoader\">\n    <div class=\"flex justify-center items-start bg-gray-800 p-2\">\n      <app-loader></app-loader>\n    </div>\n  </ng-container> -->\n\n\n  <div class=\"relative w-full\">\n\n    <div id=\"regions_div\" #googlMap style=\"width: 100%\"></div>\n    <div id=\"googlemap\" style=\"width: 100%;\" [style.height]=\"chartHeight\"></div>\n\n    <div *ngIf=\"isLoader\" class=\"absolute inset-0 z-50 flex items-center justify-center bg-black/40 backdrop-blur-sm\">\n      <div class=\"loader\"></div>\n    </div>\n\n\n\n    <div class=\"mx-2 pb-2\">\n      <div class=\" mx-auto w-full mt-3\" *ngIf=\"isRangeSliderVisible\">\n        <div class=\"flex items-center justify-between mb-2\">\n\n          <button class=\"text-white px-3 py-2 rounded bg-gray-800 hover:bg-gray-700\" (click)=\"togglePlay()\">\n            <i class=\"fa\" [ngClass]=\"isPlaying ? 'fa-pause' : 'fa-play'\"></i>\n          </button>\n\n          <div class=\"flex space-x-2 text-sm font-semibold\">\n            <ng-container *ngFor=\"let year of allSelectedRangeSliderValues; let i = index\">\n              <span class=\"cursor-pointer select-none px-2 py-1 rounded-md transition\" [ngClass]=\"{\n            'bg-black text-white shadow': year === selectedRangeSliderValue,\n            'text-gray-300 hover:text-white': year !== selectedRangeSliderValue\n          }\" (click)=\"setYearByIndex(i)\">\n                {{ year }}\n              </span>\n            </ng-container>\n          </div>\n\n          <button class=\"text-white px-3 py-2 rounded bg-gray-800 hover:bg-gray-700\" (click)=\"restart()\">\n            <i class=\"fa fa-refresh\"></i>\n          </button>\n\n        </div>\n\n        <input type=\"range\" class=\"w-full h-2 rounded-lg appearance-none cursor-pointer\n           bg-gradient-to-r from-green-400 via-yellow-400 to-red-500\" [min]=\"0\"\n          [max]=\"allSelectedRangeSliderValues.length - 1\" [value]=\"choroplethMapCurrentIndex\"\n          (input)=\"onYearChange($event)\" />\n      </div>\n\n\n\n\n    </div>\n\n  </div>\n\n\n\n\n\n</div>", styles: [".loader{width:64px;height:64px;border:6px solid rgba(255,255,255,.2);border-top-color:#4ade80;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}\n"] }]
+            args: [{ selector: "app-gamma-geo-chart", template: "<div class=\"mx-2 bg-gray-800\">\n  <!-- <ng-container *ngIf=\"isLoader\">\n    <div class=\"flex justify-center items-start bg-gray-800 p-2\">\n      <app-loader></app-loader>\n    </div>\n  </ng-container> -->\n\n\n  <div class=\"relative w-full\">\n\n    <div id=\"regions_div\" #googlMap style=\"width: 100%\"></div>\n    <div id=\"googlemap\" style=\"width: 100%;\" [style.height]=\"chartHeight\"></div>\n\n    <div *ngIf=\"isLoader\" class=\"absolute inset-0 z-50 flex items-center justify-center bg-black/40 backdrop-blur-sm\">\n      <div class=\"geo-chart-loader\"></div>\n    </div>\n\n\n\n    <div class=\"mx-2 pb-2\">\n      <div class=\" mx-auto w-full mt-3\" *ngIf=\"isRangeSliderVisible\">\n        <div class=\"flex items-center justify-between mb-2\">\n\n          <button class=\"text-white px-3 py-2 rounded bg-gray-800 hover:bg-gray-700\" (click)=\"togglePlay()\">\n            <i class=\"fa\" [ngClass]=\"isPlaying ? 'fa-pause' : 'fa-play'\"></i>\n          </button>\n\n          <div class=\"flex space-x-2 text-sm font-semibold\">\n            <ng-container *ngFor=\"let year of allSelectedRangeSliderValues; let i = index\">\n              <span class=\"cursor-pointer select-none px-2 py-1 rounded-md transition\" [ngClass]=\"{\n            'bg-black text-white shadow': year === selectedRangeSliderValue,\n            'text-gray-300 hover:text-white': year !== selectedRangeSliderValue\n          }\" (click)=\"setYearByIndex(i)\">\n                {{ year }}\n              </span>\n            </ng-container>\n          </div>\n\n          <button class=\"text-white px-3 py-2 rounded bg-gray-800 hover:bg-gray-700\" (click)=\"restart()\">\n            <i class=\"fa fa-refresh\"></i>\n          </button>\n\n        </div>\n\n        <input type=\"range\" class=\"w-full h-2 rounded-lg appearance-none cursor-pointer\n           bg-gradient-to-r from-green-400 via-yellow-400 to-red-500\" [min]=\"0\"\n          [max]=\"allSelectedRangeSliderValues.length - 1\" [value]=\"choroplethMapCurrentIndex\"\n          (input)=\"onYearChange($event)\" />\n      </div>\n\n\n\n\n    </div>\n\n  </div>\n\n\n\n\n\n</div>", styles: [".geo-chart-loader{width:64px;height:64px;border:6px solid rgba(255,255,255,.2);border-top-color:#4ade80;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}\n"] }]
         }], ctorParameters: function () { return [{ type: CommonService }]; }, propDecorators: { googlMap: [{
                 type: ViewChild,
                 args: ["googlMap"]