mirror of https://github.com/lukechilds/docs.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3 lines
2.0 KiB
3 lines
2.0 KiB
/*! UIkit 3.0.0-rc.17 | http://www.getuikit.com | (c) 2014 - 2018 YOOtheme | MIT License */
|
|
|
|
!function(t,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i(require("uikit-util")):"function"==typeof define&&define.amd?define("uikitnotification",["uikit-util"],i):t.UIkitNotification=i(t.UIkit.util)}(this,function(n){"use strict";var t,e={},i={functional:!0,args:["message","status"],data:{message:"",status:"",timeout:5e3,group:null,pos:"top-center",clsClose:"uk-notification-close",clsMsg:"uk-notification-message"},install:function(s){s.notification.closeAll=function(o,e){n.apply(document.body,function(t){var i=s.getComponent(t,"notification");!i||o&&o!==i.group||i.close(e)})}},created:function(){e[this.pos]||(e[this.pos]=n.append(this.$container,'<div class="uk-notification uk-notification-'+this.pos+'"></div>'));var t=n.css(e[this.pos],"display","block");this.$mount(n.append(t,'<div class="'+this.clsMsg+(this.status?" "+this.clsMsg+"-"+this.status:"")+'"> <a href="#" class="'+this.clsClose+'" data-uk-close></a> <div>'+this.message+"</div> </div>"))},connected:function(){var t=this,i=n.toFloat(n.css(this.$el,"marginBottom"));n.Transition.start(n.css(this.$el,{opacity:0,marginTop:-this.$el.offsetHeight,marginBottom:0}),{opacity:1,marginTop:0,marginBottom:i}).then(function(){t.timeout&&(t.timer=setTimeout(t.close,t.timeout))})},events:(t={click:function(t){n.closest(t.target,'a[href="#"]')&&t.preventDefault(),this.close()}},t[n.pointerEnter]=function(){this.timer&&clearTimeout(this.timer)},t[n.pointerLeave]=function(){this.timeout&&(this.timer=setTimeout(this.close,this.timeout))},t),methods:{close:function(t){var i=this,o=function(){n.trigger(i.$el,"close",[i]),n.remove(i.$el),e[i.pos].children.length||n.css(e[i.pos],"display","none")};this.timer&&clearTimeout(this.timer),t?o():n.Transition.start(this.$el,{opacity:0,marginTop:-this.$el.offsetHeight,marginBottom:0}).then(o)}}};return"undefined"!=typeof window&&window.UIkit&&window.UIkit.component("notification",i),i});
|