.elementor-animated-content{--translate:0,0}.elementor-animated-content:focus .elementor-animated-item--grow,.elementor-animated-content:hover .elementor-animated-item--grow{transform:scale(1.1)}.elementor-animated-content:focus .elementor-animated-item--shrink,.elementor-animated-content:hover .elementor-animated-item--shrink{transform:scale(.85)}.elementor-animated-content:focus .elementor-animated-item--shrink-contained,.elementor-animated-content:hover .elementor-animated-item--shrink-contained{transform:scale(1)}.elementor-animated-content:focus .elementor-animated-item--enter-zoom-in,.elementor-animated-content:focus .elementor-animated-item--enter-zoom-out,.elementor-animated-content:focus .elementor-animated-item--fade-in,.elementor-animated-content:hover .elementor-animated-item--enter-zoom-in,.elementor-animated-content:hover .elementor-animated-item--enter-zoom-out,.elementor-animated-content:hover .elementor-animated-item--fade-in{opacity:1;transform:scale(1)}.elementor-animated-content:focus .elementor-animated-item--exit-zoom-in,.elementor-animated-content:focus .elementor-animated-item--exit-zoom-out,.elementor-animated-content:focus .elementor-animated-item--fade-out,.elementor-animated-content:hover .elementor-animated-item--exit-zoom-in,.elementor-animated-content:hover .elementor-animated-item--exit-zoom-out,.elementor-animated-content:hover .elementor-animated-item--fade-out{opacity:0}.elementor-animated-content:focus .elementor-animated-item--exit-zoom-out,.elementor-animated-content:hover .elementor-animated-item--exit-zoom-out{transform:scale(.2)}.elementor-animated-content:focus .elementor-animated-item--exit-zoom-in,.elementor-animated-content:hover .elementor-animated-item--exit-zoom-in{transform:scale(2)}.elementor-animated-content:focus .elementor-animated-item--enter-from-bottom,.elementor-animated-content:focus .elementor-animated-item--enter-from-left,.elementor-animated-content:focus .elementor-animated-item--enter-from-right,.elementor-animated-content:focus .elementor-animated-item--enter-from-top,.elementor-animated-content:hover .elementor-animated-item--enter-from-bottom,.elementor-animated-content:hover .elementor-animated-item--enter-from-left,.elementor-animated-content:hover .elementor-animated-item--enter-from-right,.elementor-animated-content:hover .elementor-animated-item--enter-from-top{opacity:1;transform:translateY(0) translateX(0)}.elementor-animated-content:focus .elementor-animated-item--exit-to-right,.elementor-animated-content:hover .elementor-animated-item--exit-to-right{transform:translateX(1000px)}.elementor-animated-content:focus .elementor-animated-item--exit-to-left,.elementor-animated-content:hover .elementor-animated-item--exit-to-left{transform:translateX(-1000px)}.elementor-animated-content:focus .elementor-animated-item--exit-to-top,.elementor-animated-content:hover .elementor-animated-item--exit-to-top{transform:translateY(-600px)}.elementor-animated-content:focus .elementor-animated-item--exit-to-bottom,.elementor-animated-content:hover .elementor-animated-item--exit-to-bottom{transform:translateY(600px)}.elementor-animated-content:focus .elementor-animated-item--exit-to-bottom,.elementor-animated-content:focus .elementor-animated-item--exit-to-left,.elementor-animated-content:focus .elementor-animated-item--exit-to-right,.elementor-animated-content:focus .elementor-animated-item--exit-to-top,.elementor-animated-content:hover .elementor-animated-item--exit-to-bottom,.elementor-animated-content:hover .elementor-animated-item--exit-to-left,.elementor-animated-content:hover .elementor-animated-item--exit-to-right,.elementor-animated-content:hover .elementor-animated-item--exit-to-top{opacity:0}.elementor-animated-content:focus .elementor-animated-item--move-right,.elementor-animated-content:hover .elementor-animated-item--move-right{transform:translateX(30px)}.elementor-animated-content:focus .elementor-animated-item--move-left,.elementor-animated-content:hover .elementor-animated-item--move-left{transform:translateX(-30px)}.elementor-animated-content:focus .elementor-animated-item--move-up,.elementor-animated-content:hover .elementor-animated-item--move-up{transform:translateY(-30px)}.elementor-animated-content:focus .elementor-animated-item--move-down,.elementor-animated-content:hover .elementor-animated-item--move-down{transform:translateY(30px)}.elementor-animated-content:focus .elementor-animated-item--move-contained-right,.elementor-animated-content:hover .elementor-animated-item--move-contained-right{--translate:8%,0}.elementor-animated-content:focus .elementor-animated-item--move-contained-left,.elementor-animated-content:hover .elementor-animated-item--move-contained-left{--translate:-8%,0}.elementor-animated-content:focus .elementor-animated-item--move-contained-top,.elementor-animated-content:hover .elementor-animated-item--move-contained-top{--translate:0,-8%}.elementor-animated-content:focus .elementor-animated-item--move-contained-bottom,.elementor-animated-content:hover .elementor-animated-item--move-contained-bottom{--translate:0,8%}.elementor-animated-content [class^=elementor-animated-item]{will-change:transform,opacity}.elementor-animated-content .elementor-animated-item--shrink-contained{transform:scale(1.17)}.elementor-animated-content .elementor-animated-item--enter-zoom-in{transform:scale(.2)}.elementor-animated-content .elementor-animated-item--enter-zoom-out{transform:scale(2)}.elementor-animated-content .elementor-animated-item--enter-zoom-in,.elementor-animated-content .elementor-animated-item--enter-zoom-out,.elementor-animated-content .elementor-animated-item--fade-in{opacity:0}.elementor-animated-content .elementor-animated-item--exit-zoom-in,.elementor-animated-content .elementor-animated-item--exit-zoom-out,.elementor-animated-content .elementor-animated-item--fade-out{opacity:1;transform:scale(1)}.elementor-animated-content .elementor-animated-item--enter-from-right{transform:translateX(1000px)}.elementor-animated-content .elementor-animated-item--enter-from-left{transform:translateX(-1000px)}.elementor-animated-content .elementor-animated-item--enter-from-top{transform:translateY(-600px)}.elementor-animated-content .elementor-animated-item--enter-from-bottom{transform:translateY(500px)}.elementor-animated-content .elementor-animated-item--enter-from-bottom,.elementor-animated-content .elementor-animated-item--enter-from-left,.elementor-animated-content .elementor-animated-item--enter-from-right,.elementor-animated-content .elementor-animated-item--enter-from-top{opacity:0}.elementor-animated-content .elementor-animated-item--exit-to-bottom,.elementor-animated-content .elementor-animated-item--exit-to-left,.elementor-animated-content .elementor-animated-item--exit-to-right,.elementor-animated-content .elementor-animated-item--exit-to-top{opacity:1;transform:translateY(0) translateX(0)}.elementor-animated-content .elementor-animated-item--move-contained-bottom,.elementor-animated-content .elementor-animated-item--move-contained-left,.elementor-animated-content .elementor-animated-item--move-contained-right,.elementor-animated-content .elementor-animated-item--move-contained-top{transform:scale(1.2) translate(var(--translate))}const NoticeComponent = {
name: 'cx-vui-notice',
template: '#cx-vui-notice',
data: function() {
return {
stack: {},
destroyQueue: {},
}
},
methods: {
addToStack: function( item, itemID ) {
var self = this;
var destroyTimeout = setTimeout( function() {
self.destroyItem( itemID );
}, item.duration );
self.$set( self.stack, itemID, item );
self.$set( self.destroyQueue, itemID, destroyTimeout );
},
destroyItem: function( itemID ) {
this.$delete( this.stack, itemID );
if ( this.destroyQueue[ itemID ] ) {
clearTimeout( this.destroyQueue[ itemID ] );
this.$delete( this.destroyQueue, itemID );
}
},
destroyAll: function() {
for ( var itemID in this.destroyQueue ) {
console.log( this.destroyQueue[ itemID ] );
clearTimeout( this.destroyQueue[ itemID ] );
}
this.stack = {};
this.destroyQueue = {};
},
getIcon: function( type ) {
var icon;
switch ( type ) {
case 'success':
icon = ' ';
break;
case 'error':
icon = ' ';
break;
default:
icon = ' ';
break;
}
return icon;
}
},
};
export default NoticeComponent;
Shop – Skinmyth
2
2026 Sale !!! Upto 55% OFF on the entire store + Free delivery on all orders above 2000!
Get an extra ₨.250 OFF + Free Gift on all Prepaid Orders. Dismiss