{{!
  Copyright (c) 2016, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.

  WSO2 Inc. licenses this file to you under the Apache License,
  Version 2.0 (the "License"); you may not use this file except
  in compliance with the License.
  You may obtain a copy of the License at

  http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing,
  software distributed under the License is distributed on an
  "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  KIND, either express or implied. See the License for the
  specific language governing permissions and limitations
  under the License.
}}
{{#zone "topCss" override=false}}
    {{css "css/custom-theme.css"}}
    {{css "css/custom-common.css"}}
    {{css "css/custom-desktop.css" combine=false}}
    {{css "css/docs.min.css"}}
    {{css "css/modal.css"}}
{{/zone}}

{{#zone "bottomJs" override=false}}
{{!-- Responsive JS Library--}}
    {{js "js/responsive-text.js"}}
    <script type="text/javascript">
        $.noty.defaults = {
            layout: 'topRight',
            theme: 'metroui', // or relax
            type: 'alert', // success, error, warning, information, notification
            text: '', // [string|html] can be HTML or STRING

            dismissQueue: true, // [boolean] If you want to use queue feature set this true
            force: false, // [boolean] adds notification to the beginning of queue when set to true
            maxVisible: 5, // [integer] you can set max visible notification count for dismissQueue true option,

            template: '<div class="noty_message"><span class="noty_text"></span><div class="noty_close"></div></div>',

            timeout: 3000, // [integer|boolean] delay for closing event in milliseconds. Set false for sticky notifications
            progressBar: false, // [boolean] - displays a progress bar

            animation: {
                open: {height: 'toggle'}, // or Animate.css class names like: 'animated bounceInLeft'
                close: {height: 'toggle'}, // or Animate.css class names like: 'animated bounceOutLeft'
                easing: 'swing',
                speed: 500 // opening & closing animation speed
            },
            closeWith: ['click'], // ['click', 'button', 'hover', 'backdrop'] // backdrop click will close all notifications

            modal: false, // [boolean] if true adds an overlay
            killer: false, // [boolean] if true closes all notifications and shows itself

            callback: {
                onShow: function() {},
                afterShow: function() {},
                onClose: function() {},
                afterClose: function() {},
                onCloseClick: function() {},
            },

            buttons: false // [boolean|array] an array of buttons, for creating confirmation dialogs.
        };
    </script>
{{/zone}}