kwikui
Version:
KwikID's UI Component Library in Angular
58 lines • 9.07 kB
JavaScript
import { Component, Input } from "@angular/core";
import { throwErrorMessage } from "../../../../helpers/kwikui.common.helpers";
import { DEFAULT_VALUES, VALIDATE_KEY_VALUES } from "./lottie.constants";
import { isValidKeyValue } from "./lottie.validation";
import * as i0 from "@angular/core";
import * as i1 from "ngx-lottie";
export class KwikUIAnimationPlayerLottieComponent {
constructor() {
this.config = DEFAULT_VALUES.config;
this.id = DEFAULT_VALUES.id;
}
ngOnInit() { }
ngOnChanges(changes) {
const verifyChange = (key) => {
return changes.hasOwnProperty(key) && !changes[key].firstChange;
};
for (const change of Object.entries(changes)) {
const key = change[0];
const value = change[1].currentValue;
this.validateInputProperty(key, value);
}
if (verifyChange("config")) {
this.config = changes.config.currentValue;
}
}
ngOnDestroy() { }
validateInputProperty(key, value) {
if (VALIDATE_KEY_VALUES[key] && !isValidKeyValue(key, value)) {
this[key] = DEFAULT_VALUES[key];
throwErrorMessage("kwikui-animation-player-lottie", this.id, key, value, DEFAULT_VALUES[key]);
}
}
handleAnimationCreated(e) { }
handleConfigReady() { }
handleDataReady() { }
handleDomLoaded() { }
handleEnterFrame(e) { }
handleSegmentStart(e) { }
handleComplete(e) { }
handleLoopComplete(e) { }
handleDestroy(e) { }
handleError(e) { }
}
/** @nocollapse */ KwikUIAnimationPlayerLottieComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: KwikUIAnimationPlayerLottieComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ KwikUIAnimationPlayerLottieComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: KwikUIAnimationPlayerLottieComponent, selector: "kwikui-animation-player-lottie", inputs: { config: "config", id: "id" }, usesOnChanges: true, ngImport: i0, template: "<ng-lottie\n [options]=\"config\"\n (animationCreated)=\"handleAnimationCreated($event)\"\n (configReady)=\"handleConfigReady()\"\n (dataReady)=\"handleDataReady()\"\n (domLoaded)=\"handleDomLoaded()\"\n (enterFrame)=\"handleEnterFrame($event)\"\n (segmentStart)=\"handleSegmentStart($event)\"\n (complete)=\"handleComplete($event)\"\n (loopComplete)=\"handleLoopComplete($event)\"\n (destroy)=\"handleDestroy($event)\"\n (error)=\"handleError($event)\"\n></ng-lottie>\n", styles: [""], components: [{ type: i1.LottieComponent, selector: "ng-lottie", inputs: ["width", "height"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: KwikUIAnimationPlayerLottieComponent, decorators: [{
type: Component,
args: [{
selector: "kwikui-animation-player-lottie",
templateUrl: "./lottie.component.html",
styleUrls: ["./lottie.component.scss"]
}]
}], ctorParameters: function () { return []; }, propDecorators: { config: [{
type: Input
}], id: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG90dGllLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2t3aWt1aS9zcmMvbGliL2NvbXBvbmVudHMvbWlzYy9hbmltYXRpb24tcGxheWVyL2xvdHRpZS9sb3R0aWUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva3dpa3VpL3NyYy9saWIvY29tcG9uZW50cy9taXNjL2FuaW1hdGlvbi1wbGF5ZXIvbG90dGllL2xvdHRpZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFJTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsY0FBYyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDekUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7QUFPdEQsTUFBTSxPQUFPLG9DQUFvQztJQUsvQztRQUpTLFdBQU0sR0FBVyxjQUFjLENBQUMsTUFBTSxDQUFDO1FBRXZDLE9BQUUsR0FBVyxjQUFjLENBQUMsRUFBRSxDQUFDO0lBRXpCLENBQUM7SUFFaEIsUUFBUSxLQUFVLENBQUM7SUFFbkIsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLE1BQU0sWUFBWSxHQUFHLENBQUMsR0FBVyxFQUFFLEVBQUU7WUFDbkMsT0FBTyxPQUFPLENBQUMsY0FBYyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLFdBQVcsQ0FBQztRQUNsRSxDQUFDLENBQUM7UUFFRixLQUFLLE1BQU0sTUFBTSxJQUFJLE1BQU0sQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUU7WUFDNUMsTUFBTSxHQUFHLEdBQVcsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzlCLE1BQU0sS0FBSyxHQUFRLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUM7WUFFMUMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUMsQ0FBQztTQUN4QztRQUVELElBQUksWUFBWSxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQzFCLElBQUksQ0FBQyxNQUFNLEdBQUcsT0FBTyxDQUFDLE1BQU0sQ0FBQyxZQUFZLENBQUM7U0FDM0M7SUFDSCxDQUFDO0lBRUQsV0FBVyxLQUFVLENBQUM7SUFFZCxxQkFBcUIsQ0FBQyxHQUFXLEVBQUUsS0FBVTtRQUNuRCxJQUFJLG1CQUFtQixDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUMsRUFBRTtZQUM1RCxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsY0FBYyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQ2hDLGlCQUFpQixDQUNmLGdDQUFnQyxFQUNoQyxJQUFJLENBQUMsRUFBRSxFQUNQLEdBQUcsRUFDSCxLQUFLLEVBQ0wsY0FBYyxDQUFDLEdBQUcsQ0FBQyxDQUNwQixDQUFDO1NBQ0g7SUFDSCxDQUFDO0lBRUQsc0JBQXNCLENBQUMsQ0FBTSxJQUFHLENBQUM7SUFFakMsaUJBQWlCLEtBQUksQ0FBQztJQUV0QixlQUFlLEtBQUksQ0FBQztJQUVwQixlQUFlLEtBQUksQ0FBQztJQUVwQixnQkFBZ0IsQ0FBQyxDQUFNLElBQUcsQ0FBQztJQUUzQixrQkFBa0IsQ0FBQyxDQUFNLElBQUcsQ0FBQztJQUU3QixjQUFjLENBQUMsQ0FBTSxJQUFHLENBQUM7SUFFekIsa0JBQWtCLENBQUMsQ0FBTSxJQUFHLENBQUM7SUFFN0IsYUFBYSxDQUFDLENBQU0sSUFBRyxDQUFDO0lBRXhCLFdBQVcsQ0FBQyxDQUFNLElBQUcsQ0FBQzs7cUpBM0RYLG9DQUFvQzt5SUFBcEMsb0NBQW9DLG1JQ2hCakQsbWVBYUE7NEZER2Esb0NBQW9DO2tCQUxoRCxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQ0FBZ0M7b0JBQzFDLFdBQVcsRUFBRSx5QkFBeUI7b0JBQ3RDLFNBQVMsRUFBRSxDQUFDLHlCQUF5QixDQUFDO2lCQUN2QzswRUFFVSxNQUFNO3NCQUFkLEtBQUs7Z0JBRUcsRUFBRTtzQkFBVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPbkluaXQsXG4gIFNpbXBsZUNoYW5nZXNcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IHRocm93RXJyb3JNZXNzYWdlIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2hlbHBlcnMva3dpa3VpLmNvbW1vbi5oZWxwZXJzXCI7XG5pbXBvcnQgeyBERUZBVUxUX1ZBTFVFUywgVkFMSURBVEVfS0VZX1ZBTFVFUyB9IGZyb20gXCIuL2xvdHRpZS5jb25zdGFudHNcIjtcbmltcG9ydCB7IGlzVmFsaWRLZXlWYWx1ZSB9IGZyb20gXCIuL2xvdHRpZS52YWxpZGF0aW9uXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJrd2lrdWktYW5pbWF0aW9uLXBsYXllci1sb3R0aWVcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9sb3R0aWUuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmxzOiBbXCIuL2xvdHRpZS5jb21wb25lbnQuc2Nzc1wiXVxufSlcbmV4cG9ydCBjbGFzcyBLd2lrVUlBbmltYXRpb25QbGF5ZXJMb3R0aWVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIGNvbmZpZzogc3RyaW5nID0gREVGQVVMVF9WQUxVRVMuY29uZmlnO1xuXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmcgPSBERUZBVUxUX1ZBTFVFUy5pZDtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7fVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBjb25zdCB2ZXJpZnlDaGFuZ2UgPSAoa2V5OiBzdHJpbmcpID0+IHtcbiAgICAgIHJldHVybiBjaGFuZ2VzLmhhc093blByb3BlcnR5KGtleSkgJiYgIWNoYW5nZXNba2V5XS5maXJzdENoYW5nZTtcbiAgICB9O1xuXG4gICAgZm9yIChjb25zdCBjaGFuZ2Ugb2YgT2JqZWN0LmVudHJpZXMoY2hhbmdlcykpIHtcbiAgICAgIGNvbnN0IGtleTogc3RyaW5nID0gY2hhbmdlWzBdO1xuICAgICAgY29uc3QgdmFsdWU6IGFueSA9IGNoYW5nZVsxXS5jdXJyZW50VmFsdWU7XG5cbiAgICAgIHRoaXMudmFsaWRhdGVJbnB1dFByb3BlcnR5KGtleSwgdmFsdWUpO1xuICAgIH1cblxuICAgIGlmICh2ZXJpZnlDaGFuZ2UoXCJjb25maWdcIikpIHtcbiAgICAgIHRoaXMuY29uZmlnID0gY2hhbmdlcy5jb25maWcuY3VycmVudFZhbHVlO1xuICAgIH1cbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge31cblxuICBwcml2YXRlIHZhbGlkYXRlSW5wdXRQcm9wZXJ0eShrZXk6IHN0cmluZywgdmFsdWU6IGFueSk6IHZvaWQge1xuICAgIGlmIChWQUxJREFURV9LRVlfVkFMVUVTW2tleV0gJiYgIWlzVmFsaWRLZXlWYWx1ZShrZXksIHZhbHVlKSkge1xuICAgICAgdGhpc1trZXldID0gREVGQVVMVF9WQUxVRVNba2V5XTtcbiAgICAgIHRocm93RXJyb3JNZXNzYWdlKFxuICAgICAgICBcImt3aWt1aS1hbmltYXRpb24tcGxheWVyLWxvdHRpZVwiLFxuICAgICAgICB0aGlzLmlkLFxuICAgICAgICBrZXksXG4gICAgICAgIHZhbHVlLFxuICAgICAgICBERUZBVUxUX1ZBTFVFU1trZXldXG4gICAgICApO1xuICAgIH1cbiAgfVxuXG4gIGhhbmRsZUFuaW1hdGlvbkNyZWF0ZWQoZTogYW55KSB7fVxuXG4gIGhhbmRsZUNvbmZpZ1JlYWR5KCkge31cblxuICBoYW5kbGVEYXRhUmVhZHkoKSB7fVxuXG4gIGhhbmRsZURvbUxvYWRlZCgpIHt9XG5cbiAgaGFuZGxlRW50ZXJGcmFtZShlOiBhbnkpIHt9XG5cbiAgaGFuZGxlU2VnbWVudFN0YXJ0KGU6IGFueSkge31cblxuICBoYW5kbGVDb21wbGV0ZShlOiBhbnkpIHt9XG5cbiAgaGFuZGxlTG9vcENvbXBsZXRlKGU6IGFueSkge31cblxuICBoYW5kbGVEZXN0cm95KGU6IGFueSkge31cblxuICBoYW5kbGVFcnJvcihlOiBhbnkpIHt9XG59XG4iLCI8bmctbG90dGllXG4gIFtvcHRpb25zXT1cImNvbmZpZ1wiXG4gIChhbmltYXRpb25DcmVhdGVkKT1cImhhbmRsZUFuaW1hdGlvbkNyZWF0ZWQoJGV2ZW50KVwiXG4gIChjb25maWdSZWFkeSk9XCJoYW5kbGVDb25maWdSZWFkeSgpXCJcbiAgKGRhdGFSZWFkeSk9XCJoYW5kbGVEYXRhUmVhZHkoKVwiXG4gIChkb21Mb2FkZWQpPVwiaGFuZGxlRG9tTG9hZGVkKClcIlxuICAoZW50ZXJGcmFtZSk9XCJoYW5kbGVFbnRlckZyYW1lKCRldmVudClcIlxuICAoc2VnbWVudFN0YXJ0KT1cImhhbmRsZVNlZ21lbnRTdGFydCgkZXZlbnQpXCJcbiAgKGNvbXBsZXRlKT1cImhhbmRsZUNvbXBsZXRlKCRldmVudClcIlxuICAobG9vcENvbXBsZXRlKT1cImhhbmRsZUxvb3BDb21wbGV0ZSgkZXZlbnQpXCJcbiAgKGRlc3Ryb3kpPVwiaGFuZGxlRGVzdHJveSgkZXZlbnQpXCJcbiAgKGVycm9yKT1cImhhbmRsZUVycm9yKCRldmVudClcIlxuPjwvbmctbG90dGllPlxuIl19