@gofynd/nitrozen-vue/src/components/NSnackbar/js/object.js

Fynd Design Library for Vue

import animations from './animations.js'

// fade the toast away
export const goAway = (el, delay, instance) => {

    // Animate toast out
    setTimeout(function () {

    	// if the toast is on bottom set it as bottom animation
    	if(instance.cached_options.position && instance.cached_options.position.includes('bottom')) {
		    animations.animateOutBottom(el, () => {
			    instance.remove(el);
		    })
    		return;
	    }

        animations.animateOut(el, () => {
	        instance.remove(el);
        })

    }, delay);

    return true;
};


// change the text of toast
export const changeText = (el, text) => {
    if (typeof HTMLElement === "object" ? text instanceof HTMLElement : text && typeof text === "object" && text !== null && text.nodeType === 1 && typeof text.nodeName === "string"
    ) {
        el.appendChild(text);
    }
    else {
        el.innerHTML = text;
    }

    return this;
};

export const toastObject = function (el, instance) {
    let disposed = false;

    return {
	    el: el,
	    text: function (text) {
		    changeText(el, text);
		    return this;
	    },
	    goAway: function (delay = 800) {
		    disposed = true;
		    return goAway(el, delay, instance);
	    },
	    remove : function () {
		    instance.remove(el);
	    },
	    disposed : function () {
            return disposed
	    }
    };
}