gamma-app-controller 2.0.21 → 2.0.24
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.
- package/esm2020/lib/shared/advanced-component/gamma-geo-chart/gamma-geo-chart.component.mjs +3 -3
- package/fesm2015/gamma-app-controller.mjs +2 -2
- package/fesm2015/gamma-app-controller.mjs.map +1 -1
- package/fesm2020/gamma-app-controller.mjs +2 -2
- package/fesm2020/gamma-app-controller.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -4240,10 +4240,10 @@ class GammaGeoChartComponent {
|
|
|
4240
4240
|
}
|
|
4241
4241
|
}
|
|
4242
4242
|
GammaGeoChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GammaGeoChartComponent, deps: [{ token: CommonService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4243
|
-
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 <div class=\"relative w-full\">\n\n\n <div class=\"absolute left-4 top-[60px]
|
|
4243
|
+
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 <div class=\"relative w-full\">\n\n\n <div class=\"absolute left-4 bottom-6 top-[60px] z-[999999] pointer-events-none floting-side-bar\" *ngIf=\"!isLoader\">\n <div class=\"flex items-center h-80 px-4 py-3 rounded-xl shadow-lg backdrop-blur-md bg-black/60\">\n <div class=\"w-4 h-full rounded-full shadow-xl\"\n [style.background]=\"'linear-gradient(to bottom,' + chartConfig.colorOne + ',' + chartConfig.colorTwo + ')'\">\n </div>\n </div>\n </div>\n\n\n \n\n <!-- <div class=\"absolute top-[200px] left-4 bottom-6 z-40 flex items-center\">\n <div class=\"flex items-center space-x-2\">\n <div class=\"w-4 h-full rounded-full shadow-lg\"\n [style.background]=\"'linear-gradient(to right,' + chartConfig.colorOne + ',' + chartConfig.colorTwo + ')'\"></div>\n <div class=\"flex flex-col justify-between h-full text-xs text-white\">\n <span>High</span>\n <span>Low</span>\n </div>\n </div>\n </div> -->\n\n\n <div id=\"regions_div\" #googlMap style=\"width: 100%\"></div>\n <div id=\"googlemap\" style=\"width: 100%;\" [style.height]=\"chartHeight\"></div>\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 <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 <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 <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 <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 </div>\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 </div>\n </div>\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)}}.floting-side-bar{top:60px;z-index:999999}\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"] }] });
|
|
4244
4244
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GammaGeoChartComponent, decorators: [{
|
|
4245
4245
|
type: Component,
|
|
4246
|
-
args: [{ selector: "app-gamma-geo-chart", template: "<div class=\"mx-2 bg-gray-800\">\n <div class=\"relative w-full\">\n\n\n <div class=\"absolute left-4 top-[60px]
|
|
4246
|
+
args: [{ selector: "app-gamma-geo-chart", template: "<div class=\"mx-2 bg-gray-800\">\n <div class=\"relative w-full\">\n\n\n <div class=\"absolute left-4 bottom-6 top-[60px] z-[999999] pointer-events-none floting-side-bar\" *ngIf=\"!isLoader\">\n <div class=\"flex items-center h-80 px-4 py-3 rounded-xl shadow-lg backdrop-blur-md bg-black/60\">\n <div class=\"w-4 h-full rounded-full shadow-xl\"\n [style.background]=\"'linear-gradient(to bottom,' + chartConfig.colorOne + ',' + chartConfig.colorTwo + ')'\">\n </div>\n </div>\n </div>\n\n\n \n\n <!-- <div class=\"absolute top-[200px] left-4 bottom-6 z-40 flex items-center\">\n <div class=\"flex items-center space-x-2\">\n <div class=\"w-4 h-full rounded-full shadow-lg\"\n [style.background]=\"'linear-gradient(to right,' + chartConfig.colorOne + ',' + chartConfig.colorTwo + ')'\"></div>\n <div class=\"flex flex-col justify-between h-full text-xs text-white\">\n <span>High</span>\n <span>Low</span>\n </div>\n </div>\n </div> -->\n\n\n <div id=\"regions_div\" #googlMap style=\"width: 100%\"></div>\n <div id=\"googlemap\" style=\"width: 100%;\" [style.height]=\"chartHeight\"></div>\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 <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 <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 <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 <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 </div>\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 </div>\n </div>\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)}}.floting-side-bar{top:60px;z-index:999999}\n"] }]
|
|
4247
4247
|
}], ctorParameters: function () { return [{ type: CommonService }]; }, propDecorators: { googlMap: [{
|
|
4248
4248
|
type: ViewChild,
|
|
4249
4249
|
args: ["googlMap"]
|