tsparticles-engine
Version:
Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.
102 lines (101 loc) • 3.9 kB
JavaScript
(function (factory) {
if (typeof module === "object" && typeof module.exports === "object") {
var v = factory(require, exports);
if (v !== undefined) module.exports = v;
}
else if (typeof define === "function" && define.amd) {
define(["require", "exports", "../../../../Utils/Utils"], factory);
}
})(function (require, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Shape = void 0;
const Utils_1 = require("../../../../Utils/Utils");
const charKey = "character", charAltKey = "char", imageKey = "image", imageAltKey = "images", polygonKey = "polygon", polygonAltKey = "star";
class Shape {
constructor() {
this.loadShape = (item, mainKey, altKey, altOverride) => {
if (!item) {
return;
}
const itemIsArray = (0, Utils_1.isArray)(item), emptyValue = itemIsArray ? [] : {}, mainDifferentValues = itemIsArray !== (0, Utils_1.isArray)(this.options[mainKey]), altDifferentValues = itemIsArray !== (0, Utils_1.isArray)(this.options[altKey]);
if (mainDifferentValues) {
this.options[mainKey] = emptyValue;
}
if (altDifferentValues && altOverride) {
this.options[altKey] = emptyValue;
}
this.options[mainKey] = (0, Utils_1.deepExtend)(this.options[mainKey] ?? emptyValue, item);
if (!this.options[altKey] || altOverride) {
this.options[altKey] = (0, Utils_1.deepExtend)(this.options[altKey] ?? emptyValue, item);
}
};
this.close = true;
this.fill = true;
this.options = {};
this.type = "circle";
}
get character() {
return (this.options[charKey] ?? this.options[charAltKey]);
}
set character(value) {
this.options[charAltKey] = this.options[charKey] = value;
}
get custom() {
return this.options;
}
set custom(value) {
this.options = value;
}
get image() {
return (this.options[imageKey] ?? this.options[imageAltKey]);
}
set image(value) {
this.options[imageAltKey] = this.options[imageKey] = value;
}
get images() {
return this.image;
}
set images(value) {
this.image = value;
}
get polygon() {
return (this.options[polygonKey] ?? this.options[polygonAltKey]);
}
set polygon(value) {
this.options[polygonAltKey] = this.options[polygonKey] = value;
}
get stroke() {
return [];
}
set stroke(_value) {
}
load(data) {
if (!data) {
return;
}
const options = data.options ?? data.custom;
if (options !== undefined) {
for (const shape in options) {
const item = options[shape];
if (item) {
this.options[shape] = (0, Utils_1.deepExtend)(this.options[shape] ?? {}, item);
}
}
}
this.loadShape(data.character, charKey, charAltKey, true);
this.loadShape(data.polygon, polygonKey, polygonAltKey, false);
this.loadShape(data.image ?? data.images, imageKey, imageAltKey, true);
if (data.close !== undefined) {
this.close = data.close;
}
if (data.fill !== undefined) {
this.fill = data.fill;
}
if (data.type !== undefined) {
this.type = data.type;
}
}
}
exports.Shape = Shape;
});