Calling update() on a not-initialized lazyloaded viewer causes to add a duplicate 360 icon

[Xriuk]

<div
    class="cloudimage-360"
    id="tw-360-1"
    data-folder="https://localhost:44396/files/"
    data-image-list-x="[...]"
    data-lazyload
    data-lazyload-selector="lazyload"></div>

If a viewer with data-lazyload (or lazyload) set is not yet loaded and it's updated instead by calling window.CI360.update("tw-360-1"), this causes to add a 360 icon to it, which then gets added again after it loads causing a duplicate icon, and the second one does not get deleted.

I believe this is caused by

js-cloudimage-360-view/src/ci360.service.js

Line 1072 in 65f08fd

this.init(container, true);

which in turn creates the icon here

js-cloudimage-360-view/src/ci360.service.js

Lines 1333 to 1344 in 65f08fd

	if (update) {
	removeChildFromParent(this.innerBox, this.iconsContainer);
	removeChildFromParent(this.innerBox, this.boxShadowEl);
	removeChildFromParent(this.innerBox, this.view360Icon);
	this.remove360ViewCircleIcon();
	this.iconsContainer = createIconsContainer(this.innerBox);
	if (!this.hide360Logo && !this.lazyload && this.logoSrc) {
	this.add360ViewIcon();
	setView360Icon(this.view360Icon, this.logoSrc);
	}

This could be easily solved by checking isReady() before updating:

js-cloudimage-360-view/src/ci360.service.js

Lines 85 to 92 in 65f08fd

	isReady() {
	const loadedXImages = this.imagesX.filter(image => image);
	const loadedYImages = this.imagesY.filter(image => image);
	const totalAmount = this.amountX + this.amountY;
	return loadedXImages.length + loadedYImages.length === totalAmount;
	}