fomantic-ui 2.9.1-beta.2 → 2.9.1-beta.21

package/dist/components/embed.js

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.2+f5a64f3 - Embed
+ * # Fomantic-UI 2.9.1-beta.21+2722e1b - Embed
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -8,706 +8,682 @@
  *
  */
 
-;(function ($, window, document, undefined) {
+(function ($, window, document, undefined) {
+    'use strict';
 
-"use strict";
-
-$.isFunction = $.isFunction || function(obj) {
-  return typeof obj === "function" && typeof obj.nodeType !== "number";
-};
-
-window = (typeof window != 'undefined' && window.Math == Math)
-  ? window
-  : (typeof self != 'undefined' && self.Math == Math)
-    ? self
-    : Function('return this')()
-;
-
-$.fn.embed = function(parameters) {
-
-  var
-    $allModules     = $(this),
-
-    moduleSelector  = $allModules.selector || '',
-
-    time            = new Date().getTime(),
-    performance     = [],
-
-    query           = arguments[0],
-    methodInvoked   = (typeof query == 'string'),
-    queryArguments  = [].slice.call(arguments, 1),
-
-    returnedValue
-  ;
-
-  $allModules
-    .each(function() {
-      var
-        settings        = ( $.isPlainObject(parameters) )
-          ? $.extend(true, {}, $.fn.embed.settings, parameters)
-          : $.extend({}, $.fn.embed.settings),
-
-        selector        = settings.selector,
-        className       = settings.className,
-        sources         = settings.sources,
-        error           = settings.error,
-        metadata        = settings.metadata,
-        namespace       = settings.namespace,
-        templates       = settings.templates,
-
-        eventNamespace  = '.' + namespace,
-        moduleNamespace = 'module-' + namespace,
-
-        $module         = $(this),
-        $placeholder    = $module.find(selector.placeholder),
-        $icon           = $module.find(selector.icon),
-        $embed          = $module.find(selector.embed),
-
-        element         = this,
-        instance        = $module.data(moduleNamespace),
-        module
-      ;
-
-      module = {
-
-        initialize: function() {
-          module.debug('Initializing embed');
-          module.determine.autoplay();
-          module.create();
-          module.bind.events();
-          module.instantiate();
-        },
-
-        instantiate: function() {
-          module.verbose('Storing instance of module', module);
-          instance = module;
-          $module
-            .data(moduleNamespace, module)
-          ;
-        },
-
-        destroy: function() {
-          module.verbose('Destroying previous instance of embed');
-          module.reset();
-          $module
-            .removeData(moduleNamespace)
-            .off(eventNamespace)
-          ;
-        },
-
-        refresh: function() {
-          module.verbose('Refreshing selector cache');
-          $placeholder = $module.find(selector.placeholder);
-          $icon        = $module.find(selector.icon);
-          $embed       = $module.find(selector.embed);
-        },
-
-        bind: {
-          events: function() {
-            if( module.has.placeholder() ) {
-              module.debug('Adding placeholder events');
-              $module
-                .on('click' + eventNamespace, selector.placeholder, module.createAndShow)
-                .on('click' + eventNamespace, selector.icon, module.createAndShow)
-              ;
-            }
-          }
-        },
-
-        create: function() {
-          var
-            placeholder = module.get.placeholder()
-          ;
-          if(placeholder) {
-            module.createPlaceholder();
-          }
-          else {
-            module.createAndShow();
-          }
-        },
-
-        createPlaceholder: function(placeholder) {
-          var
-            icon  = module.get.icon()
-          ;
-          placeholder = placeholder || module.get.placeholder();
-          $module.html( templates.placeholder(placeholder, icon) );
-          module.debug('Creating placeholder for embed', placeholder, icon);
-        },
-
-        createEmbed: function(url) {
-          module.refresh();
-          url = url || module.get.url();
-          $embed = $('<div/>')
-            .addClass(className.embed)
-            .html( module.generate.embed(url) )
-            .appendTo($module)
-          ;
-          settings.onCreate.call(element, url);
-          module.debug('Creating embed object', $embed);
-        },
-
-        changeEmbed: function(url) {
-          $embed
-            .html( module.generate.embed(url) )
-          ;
-        },
-
-        createAndShow: function() {
-          module.createEmbed();
-          module.show();
-        },
+    function isFunction(obj) {
+        return typeof obj === 'function' && typeof obj.nodeType !== 'number';
+    }
 
-        // sets new embed
-        change: function(source, id, url) {
-          module.debug('Changing video to ', source, id, url);
-          $module
-            .data(metadata.source, source)
-            .data(metadata.id, id)
-          ;
-          if(url) {
-            $module.data(metadata.url, url);
-          }
-          else {
-            $module.removeData(metadata.url);
-          }
-          if(module.has.embed()) {
-            module.changeEmbed();
-          }
-          else {
-            module.create();
-          }
-        },
+    window = (typeof window != 'undefined' && window.Math == Math)
+        ? window
+        : globalThis;
 
-        // clears embed
-        reset: function() {
-          module.debug('Clearing embed and showing placeholder');
-          module.remove.data();
-          module.remove.active();
-          module.remove.embed();
-          module.showPlaceholder();
-          settings.onReset.call(element);
-        },
+    $.fn.embed = function (parameters) {
+        var
+            $allModules     = $(this),
 
-        // shows current embed
-        show: function() {
-          module.debug('Showing embed');
-          module.set.active();
-          settings.onDisplay.call(element);
-        },
+            moduleSelector  = $allModules.selector || '',
 
-        hide: function() {
-          module.debug('Hiding embed');
-          module.showPlaceholder();
-        },
+            time            = new Date().getTime(),
+            performance     = [],
 
-        showPlaceholder: function() {
-          module.debug('Showing placeholder image');
-          module.remove.active();
-          settings.onPlaceholderDisplay.call(element);
-        },
+            query           = arguments[0],
+            methodInvoked   = (typeof query == 'string'),
+            queryArguments  = [].slice.call(arguments, 1),
 
-        get: {
-          id: function() {
-            return settings.id || $module.data(metadata.id);
-          },
-          placeholder: function() {
-            return settings.placeholder || $module.data(metadata.placeholder);
-          },
-          icon: function() {
-            return (settings.icon)
-              ? settings.icon
-              : ($module.data(metadata.icon) !== undefined)
-                ? $module.data(metadata.icon)
-                : module.determine.icon()
-            ;
-          },
-          source: function(url) {
-            return (settings.source)
-              ? settings.source
-              : ($module.data(metadata.source) !== undefined)
-                ? $module.data(metadata.source)
-                : module.determine.source()
-            ;
-          },
-          type: function() {
-            var source = module.get.source();
-            return (sources[source] !== undefined)
-              ? sources[source].type
-              : false
-            ;
-          },
-          url: function() {
-            return (settings.url)
-              ? settings.url
-              : ($module.data(metadata.url) !== undefined)
-                ? $module.data(metadata.url)
-                : module.determine.url()
-            ;
-          }
-        },
+            returnedValue
+        ;
 
-        determine: {
-          autoplay: function() {
-            if(module.should.autoplay()) {
-              settings.autoplay = true;
-            }
-          },
-          source: function(url) {
+        $allModules.each(function () {
             var
-              matchedSource = false
+                settings        = ($.isPlainObject(parameters))
+                    ? $.extend(true, {}, $.fn.embed.settings, parameters)
+                    : $.extend({}, $.fn.embed.settings),
+
+                selector        = settings.selector,
+                className       = settings.className,
+                sources         = settings.sources,
+                error           = settings.error,
+                metadata        = settings.metadata,
+                namespace       = settings.namespace,
+                templates       = settings.templates,
+
+                eventNamespace  = '.' + namespace,
+                moduleNamespace = 'module-' + namespace,
+
+                $module         = $(this),
+                $placeholder    = $module.find(selector.placeholder),
+                $icon           = $module.find(selector.icon),
+                $embed          = $module.find(selector.embed),
+
+                element         = this,
+                instance        = $module.data(moduleNamespace),
+                module
             ;
-            url = url || module.get.url();
-            if(url) {
-              $.each(sources, function(name, source) {
-                if(url.search(source.domain) !== -1) {
-                  matchedSource = name;
-                  return false;
+
+            module = {
+
+                initialize: function () {
+                    module.debug('Initializing embed');
+                    module.determine.autoplay();
+                    module.create();
+                    module.bind.events();
+                    module.instantiate();
+                },
+
+                instantiate: function () {
+                    module.verbose('Storing instance of module', module);
+                    instance = module;
+                    $module
+                        .data(moduleNamespace, module)
+                    ;
+                },
+
+                destroy: function () {
+                    module.verbose('Destroying previous instance of embed');
+                    module.reset();
+                    $module
+                        .removeData(moduleNamespace)
+                        .off(eventNamespace)
+                    ;
+                },
+
+                refresh: function () {
+                    module.verbose('Refreshing selector cache');
+                    $placeholder = $module.find(selector.placeholder);
+                    $icon = $module.find(selector.icon);
+                    $embed = $module.find(selector.embed);
+                },
+
+                bind: {
+                    events: function () {
+                        if (module.has.placeholder()) {
+                            module.debug('Adding placeholder events');
+                            $module
+                                .on('click' + eventNamespace, selector.placeholder, module.createAndShow)
+                                .on('click' + eventNamespace, selector.icon, module.createAndShow)
+                            ;
+                        }
+                    },
+                },
+
+                create: function () {
+                    var
+                        placeholder = module.get.placeholder()
+                    ;
+                    if (placeholder) {
+                        module.createPlaceholder();
+                    } else {
+                        module.createAndShow();
+                    }
+                },
+
+                createPlaceholder: function (placeholder) {
+                    var
+                        icon  = module.get.icon()
+                    ;
+                    placeholder = placeholder || module.get.placeholder();
+                    $module.html(templates.placeholder(placeholder, icon));
+                    module.debug('Creating placeholder for embed', placeholder, icon);
+                },
+
+                createEmbed: function (url) {
+                    module.refresh();
+                    url = url || module.get.url();
+                    $embed = $('<div/>')
+                        .addClass(className.embed)
+                        .html(module.generate.embed(url))
+                        .appendTo($module)
+                    ;
+                    settings.onCreate.call(element, url);
+                    module.debug('Creating embed object', $embed);
+                },
+
+                changeEmbed: function (url) {
+                    $embed
+                        .html(module.generate.embed(url))
+                    ;
+                },
+
+                createAndShow: function () {
+                    module.createEmbed();
+                    module.show();
+                },
+
+                // sets new embed
+                change: function (source, id, url) {
+                    module.debug('Changing video to ', source, id, url);
+                    $module
+                        .data(metadata.source, source)
+                        .data(metadata.id, id)
+                    ;
+                    if (url) {
+                        $module.data(metadata.url, url);
+                    } else {
+                        $module.removeData(metadata.url);
+                    }
+                    if (module.has.embed()) {
+                        module.changeEmbed();
+                    } else {
+                        module.create();
+                    }
+                },
+
+                // clears embed
+                reset: function () {
+                    module.debug('Clearing embed and showing placeholder');
+                    module.remove.data();
+                    module.remove.active();
+                    module.remove.embed();
+                    module.showPlaceholder();
+                    settings.onReset.call(element);
+                },
+
+                // shows current embed
+                show: function () {
+                    module.debug('Showing embed');
+                    module.set.active();
+                    settings.onDisplay.call(element);
+                },
+
+                hide: function () {
+                    module.debug('Hiding embed');
+                    module.showPlaceholder();
+                },
+
+                showPlaceholder: function () {
+                    module.debug('Showing placeholder image');
+                    module.remove.active();
+                    settings.onPlaceholderDisplay.call(element);
+                },
+
+                get: {
+                    id: function () {
+                        return settings.id || $module.data(metadata.id);
+                    },
+                    placeholder: function () {
+                        return settings.placeholder || $module.data(metadata.placeholder);
+                    },
+                    icon: function () {
+                        return (settings.icon)
+                            ? settings.icon
+                            : ($module.data(metadata.icon) !== undefined)
+                                ? $module.data(metadata.icon)
+                                : module.determine.icon();
+                    },
+                    source: function (url) {
+                        return (settings.source)
+                            ? settings.source
+                            : ($module.data(metadata.source) !== undefined)
+                                ? $module.data(metadata.source)
+                                : module.determine.source();
+                    },
+                    type: function () {
+                        var source = module.get.source();
+
+                        return (sources[source] !== undefined)
+                            ? sources[source].type
+                            : false;
+                    },
+                    url: function () {
+                        return (settings.url)
+                            ? settings.url
+                            : ($module.data(metadata.url) !== undefined)
+                                ? $module.data(metadata.url)
+                                : module.determine.url();
+                    },
+                },
+
+                determine: {
+                    autoplay: function () {
+                        if (module.should.autoplay()) {
+                            settings.autoplay = true;
+                        }
+                    },
+                    source: function (url) {
+                        var
+                            matchedSource = false
+                        ;
+                        url = url || module.get.url();
+                        if (url) {
+                            $.each(sources, function (name, source) {
+                                if (url.search(source.domain) !== -1) {
+                                    matchedSource = name;
+
+                                    return false;
+                                }
+                            });
+                        }
+
+                        return matchedSource;
+                    },
+                    icon: function () {
+                        var
+                            source = module.get.source()
+                        ;
+
+                        return (sources[source] !== undefined)
+                            ? sources[source].icon
+                            : false;
+                    },
+                    url: function () {
+                        var
+                            id     = settings.id || $module.data(metadata.id),
+                            source = settings.source || $module.data(metadata.source),
+                            url
+                        ;
+                        url = (sources[source] !== undefined)
+                            ? sources[source].url.replace('{id}', id)
+                            : false;
+                        if (url) {
+                            $module.data(metadata.url, url);
+                        }
+
+                        return url;
+                    },
+                },
+
+                set: {
+                    active: function () {
+                        $module.addClass(className.active);
+                    },
+                },
+
+                remove: {
+                    data: function () {
+                        $module
+                            .removeData(metadata.id)
+                            .removeData(metadata.icon)
+                            .removeData(metadata.placeholder)
+                            .removeData(metadata.source)
+                            .removeData(metadata.url)
+                        ;
+                    },
+                    active: function () {
+                        $module.removeClass(className.active);
+                    },
+                    embed: function () {
+                        $embed.empty();
+                    },
+                },
+
+                encode: {
+                    parameters: function (parameters) {
+                        var
+                            urlString = [],
+                            index
+                        ;
+                        for (index in parameters) {
+                            urlString.push(encodeURIComponent(index) + '=' + encodeURIComponent(parameters[index]));
+                        }
+
+                        return urlString.join('&amp;');
+                    },
+                },
+
+                generate: {
+                    embed: function (url) {
+                        module.debug('Generating embed html');
+                        var
+                            source = module.get.source(),
+                            html,
+                            parameters
+                        ;
+                        url = module.get.url(url);
+                        if (url) {
+                            parameters = module.generate.parameters(source);
+                            html = templates.iframe(url, parameters);
+                        } else {
+                            module.error(error.noURL, $module);
+                        }
+
+                        return html;
+                    },
+                    parameters: function (source, extraParameters) {
+                        var
+                            parameters = (sources[source] && sources[source].parameters !== undefined)
+                                ? sources[source].parameters(settings)
+                                : {}
+                        ;
+                        extraParameters = extraParameters || settings.parameters;
+                        if (extraParameters) {
+                            parameters = $.extend({}, parameters, extraParameters);
+                        }
+                        parameters = settings.onEmbed(parameters);
+
+                        return module.encode.parameters(parameters);
+                    },
+                },
+
+                has: {
+                    embed: function () {
+                        return ($embed.length > 0);
+                    },
+                    placeholder: function () {
+                        return settings.placeholder || $module.data(metadata.placeholder);
+                    },
+                },
+
+                should: {
+                    autoplay: function () {
+                        return (settings.autoplay === 'auto')
+                            ? (settings.placeholder || $module.data(metadata.placeholder) !== undefined)
+                            : settings.autoplay;
+                    },
+                },
+
+                is: {
+                    video: function () {
+                        return module.get.type() == 'video';
+                    },
+                },
+
+                setting: function (name, value) {
+                    module.debug('Changing setting', name, value);
+                    if ($.isPlainObject(name)) {
+                        $.extend(true, settings, name);
+                    } else if (value !== undefined) {
+                        if ($.isPlainObject(settings[name])) {
+                            $.extend(true, settings[name], value);
+                        } else {
+                            settings[name] = value;
+                        }
+                    } else {
+                        return settings[name];
+                    }
+                },
+                internal: function (name, value) {
+                    if ($.isPlainObject(name)) {
+                        $.extend(true, module, name);
+                    } else if (value !== undefined) {
+                        module[name] = value;
+                    } else {
+                        return module[name];
+                    }
+                },
+                debug: function () {
+                    if (!settings.silent && settings.debug) {
+                        if (settings.performance) {
+                            module.performance.log(arguments);
+                        } else {
+                            module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
+                            module.debug.apply(console, arguments);
+                        }
+                    }
+                },
+                verbose: function () {
+                    if (!settings.silent && settings.verbose && settings.debug) {
+                        if (settings.performance) {
+                            module.performance.log(arguments);
+                        } else {
+                            module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
+                            module.verbose.apply(console, arguments);
+                        }
+                    }
+                },
+                error: function () {
+                    if (!settings.silent) {
+                        module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
+                        module.error.apply(console, arguments);
+                    }
+                },
+                performance: {
+                    log: function (message) {
+                        var
+                            currentTime,
+                            executionTime,
+                            previousTime
+                        ;
+                        if (settings.performance) {
+                            currentTime = new Date().getTime();
+                            previousTime = time || currentTime;
+                            executionTime = currentTime - previousTime;
+                            time = currentTime;
+                            performance.push({
+                                Name: message[0],
+                                Arguments: [].slice.call(message, 1) || '',
+                                Element: element,
+                                'Execution Time': executionTime,
+                            });
+                        }
+                        clearTimeout(module.performance.timer);
+                        module.performance.timer = setTimeout(module.performance.display, 500);
+                    },
+                    display: function () {
+                        var
+                            title = settings.name + ':',
+                            totalTime = 0
+                        ;
+                        time = false;
+                        clearTimeout(module.performance.timer);
+                        $.each(performance, function (index, data) {
+                            totalTime += data['Execution Time'];
+                        });
+                        title += ' ' + totalTime + 'ms';
+                        if (moduleSelector) {
+                            title += ' \'' + moduleSelector + '\'';
+                        }
+                        if ($allModules.length > 1) {
+                            title += ' ' + '(' + $allModules.length + ')';
+                        }
+                        if ((console.group !== undefined || console.table !== undefined) && performance.length > 0) {
+                            console.groupCollapsed(title);
+                            if (console.table) {
+                                console.table(performance);
+                            } else {
+                                $.each(performance, function (index, data) {
+                                    console.log(data.Name + ': ' + data['Execution Time'] + 'ms');
+                                });
+                            }
+                            console.groupEnd();
+                        }
+                        performance = [];
+                    },
+                },
+                invoke: function (query, passedArguments, context) {
+                    var
+                        object = instance,
+                        maxDepth,
+                        found,
+                        response
+                    ;
+                    passedArguments = passedArguments || queryArguments;
+                    context = context || element;
+                    if (typeof query == 'string' && object !== undefined) {
+                        query = query.split(/[\. ]/);
+                        maxDepth = query.length - 1;
+                        $.each(query, function (depth, value) {
+                            var camelCaseValue = (depth != maxDepth)
+                                ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
+                                : query
+                            ;
+                            if ($.isPlainObject(object[camelCaseValue]) && (depth != maxDepth)) {
+                                object = object[camelCaseValue];
+                            } else if (object[camelCaseValue] !== undefined) {
+                                found = object[camelCaseValue];
+
+                                return false;
+                            } else if ($.isPlainObject(object[value]) && (depth != maxDepth)) {
+                                object = object[value];
+                            } else if (object[value] !== undefined) {
+                                found = object[value];
+
+                                return false;
+                            } else {
+                                module.error(error.method, query);
+
+                                return false;
+                            }
+                        });
+                    }
+                    if (isFunction(found)) {
+                        response = found.apply(context, passedArguments);
+                    } else if (found !== undefined) {
+                        response = found;
+                    }
+                    if (Array.isArray(returnedValue)) {
+                        returnedValue.push(response);
+                    } else if (returnedValue !== undefined) {
+                        returnedValue = [returnedValue, response];
+                    } else if (response !== undefined) {
+                        returnedValue = response;
+                    }
+
+                    return found;
+                },
+            };
+
+            if (methodInvoked) {
+                if (instance === undefined) {
+                    module.initialize();
                 }
-              });
-            }
-            return matchedSource;
-          },
-          icon: function() {
-            var
-              source = module.get.source()
-            ;
-            return (sources[source] !== undefined)
-              ? sources[source].icon
-              : false
-            ;
-          },
-          url: function() {
-            var
-              id     = settings.id     || $module.data(metadata.id),
-              source = settings.source || $module.data(metadata.source),
-              url
-            ;
-            url = (sources[source] !== undefined)
-              ? sources[source].url.replace('{id}', id)
-              : false
-            ;
-            if(url) {
-              $module.data(metadata.url, url);
+                module.invoke(query);
+            } else {
+                if (instance !== undefined) {
+                    instance.invoke('destroy');
+                }
+                module.initialize();
             }
-            return url;
-          }
+        });
+
+        return (returnedValue !== undefined)
+            ? returnedValue
+            : this;
+    };
+
+    $.fn.embed.settings = {
+
+        name: 'Embed',
+        namespace: 'embed',
+
+        silent: false,
+        debug: false,
+        verbose: false,
+        performance: true,
+
+        icon: false,
+        source: false,
+        url: false,
+        id: false,
+
+        // standard video settings
+        autoplay: 'auto',
+        color: '#444444',
+        hd: true,
+        brandedUI: false,
+
+        // additional parameters to include with the embed
+        parameters: false,
+
+        onDisplay: function () {},
+        onPlaceholderDisplay: function () {},
+        onReset: function () {},
+        onCreate: function (url) {},
+        onEmbed: function (parameters) {
+            return parameters;
         },
 
-
-        set: {
-          active: function() {
-            $module.addClass(className.active);
-          }
+        metadata: {
+            id: 'id',
+            icon: 'icon',
+            placeholder: 'placeholder',
+            source: 'source',
+            url: 'url',
         },
 
-        remove: {
-          data: function() {
-            $module
-              .removeData(metadata.id)
-              .removeData(metadata.icon)
-              .removeData(metadata.placeholder)
-              .removeData(metadata.source)
-              .removeData(metadata.url)
-            ;
-          },
-          active: function() {
-            $module.removeClass(className.active);
-          },
-          embed: function() {
-            $embed.empty();
-          }
+        error: {
+            noURL: 'No URL specified',
+            method: 'The method you called is not defined',
         },
 
-        encode: {
-          parameters: function(parameters) {
-            var
-              urlString = [],
-              index
-            ;
-            for (index in parameters) {
-              urlString.push( encodeURIComponent(index) + '=' + encodeURIComponent( parameters[index] ) );
-            }
-            return urlString.join('&amp;');
-          }
+        className: {
+            active: 'active',
+            embed: 'embed',
         },
 
-        generate: {
-          embed: function(url) {
-            module.debug('Generating embed html');
-            var
-              source = module.get.source(),
-              html,
-              parameters
-            ;
-            url = module.get.url(url);
-            if(url) {
-              parameters = module.generate.parameters(source);
-              html       = templates.iframe(url, parameters);
-            }
-            else {
-              module.error(error.noURL, $module);
-            }
-            return html;
-          },
-          parameters: function(source, extraParameters) {
-            var
-              parameters = (sources[source] && sources[source].parameters !== undefined)
-                ? sources[source].parameters(settings)
-                : {}
-            ;
-            extraParameters = extraParameters || settings.parameters;
-            if(extraParameters) {
-              parameters = $.extend({}, parameters, extraParameters);
-            }
-            parameters = settings.onEmbed(parameters);
-            return module.encode.parameters(parameters);
-          }
+        selector: {
+            embed: '.embed',
+            placeholder: '.placeholder',
+            icon: '.icon',
         },
 
-        has: {
-          embed: function() {
-            return ($embed.length > 0);
-          },
-          placeholder: function() {
-            return settings.placeholder || $module.data(metadata.placeholder);
-          }
+        sources: {
+            youtube: {
+                name: 'youtube',
+                type: 'video',
+                icon: 'video play',
+                domain: 'youtube.com',
+                url: '//www.youtube.com/embed/{id}',
+                parameters: function (settings) {
+                    return {
+                        autohide: !settings.brandedUI,
+                        autoplay: settings.autoplay,
+                        color: settings.color || undefined,
+                        hq: settings.hd,
+                        jsapi: settings.api,
+                        modestbranding: !settings.brandedUI,
+                    };
+                },
+            },
+            vimeo: {
+                name: 'vimeo',
+                type: 'video',
+                icon: 'video play',
+                domain: 'vimeo.com',
+                url: '//player.vimeo.com/video/{id}',
+                parameters: function (settings) {
+                    return {
+                        api: settings.api,
+                        autoplay: settings.autoplay,
+                        byline: settings.brandedUI,
+                        color: settings.color || undefined,
+                        portrait: settings.brandedUI,
+                        title: settings.brandedUI,
+                    };
+                },
+            },
         },
 
-        should: {
-          autoplay: function() {
-            return (settings.autoplay === 'auto')
-              ? (settings.placeholder || $module.data(metadata.placeholder) !== undefined)
-              : settings.autoplay
-            ;
-          }
-        },
+        templates: {
+            deQuote: function (string, encode) {
+                return String(string).replace(/"/g, encode ? '&quot;' : '');
+            },
+            iframe: function (url, parameters) {
+                var
+                    src = url,
+                    deQuote = $.fn.embed.settings.templates.deQuote
+                ;
+                if (parameters) {
+                    src += '?' + parameters;
+                }
 
-        is: {
-          video: function() {
-            return module.get.type() == 'video';
-          }
-        },
+                return ''
+                    + '<iframe src="' + deQuote(src) + '"'
+                    + ' width="100%" height="100%"'
+                    + ' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';
+            },
+            placeholder: function (image, icon) {
+                var
+                    html = '',
+                    deQuote = $.fn.embed.settings.templates.deQuote
+                ;
+                if (icon) {
+                    html += '<i class="' + deQuote(icon) + ' icon"></i>';
+                }
+                if (image) {
+                    html += '<img class="placeholder" src="' + deQuote(image) + '">';
+                }
 
-        setting: function(name, value) {
-          module.debug('Changing setting', name, value);
-          if( $.isPlainObject(name) ) {
-            $.extend(true, settings, name);
-          }
-          else if(value !== undefined) {
-            if($.isPlainObject(settings[name])) {
-              $.extend(true, settings[name], value);
-            }
-            else {
-              settings[name] = value;
-            }
-          }
-          else {
-            return settings[name];
-          }
-        },
-        internal: function(name, value) {
-          if( $.isPlainObject(name) ) {
-            $.extend(true, module, name);
-          }
-          else if(value !== undefined) {
-            module[name] = value;
-          }
-          else {
-            return module[name];
-          }
-        },
-        debug: function() {
-          if(!settings.silent && settings.debug) {
-            if(settings.performance) {
-              module.performance.log(arguments);
-            }
-            else {
-              module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
-              module.debug.apply(console, arguments);
-            }
-          }
-        },
-        verbose: function() {
-          if(!settings.silent && settings.verbose && settings.debug) {
-            if(settings.performance) {
-              module.performance.log(arguments);
-            }
-            else {
-              module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
-              module.verbose.apply(console, arguments);
-            }
-          }
-        },
-        error: function() {
-          if(!settings.silent) {
-            module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
-            module.error.apply(console, arguments);
-          }
-        },
-        performance: {
-          log: function(message) {
-            var
-              currentTime,
-              executionTime,
-              previousTime
-            ;
-            if(settings.performance) {
-              currentTime   = new Date().getTime();
-              previousTime  = time || currentTime;
-              executionTime = currentTime - previousTime;
-              time          = currentTime;
-              performance.push({
-                'Name'           : message[0],
-                'Arguments'      : [].slice.call(message, 1) || '',
-                'Element'        : element,
-                'Execution Time' : executionTime
-              });
-            }
-            clearTimeout(module.performance.timer);
-            module.performance.timer = setTimeout(module.performance.display, 500);
-          },
-          display: function() {
-            var
-              title = settings.name + ':',
-              totalTime = 0
-            ;
-            time = false;
-            clearTimeout(module.performance.timer);
-            $.each(performance, function(index, data) {
-              totalTime += data['Execution Time'];
-            });
-            title += ' ' + totalTime + 'ms';
-            if(moduleSelector) {
-              title += ' \'' + moduleSelector + '\'';
-            }
-            if($allModules.length > 1) {
-              title += ' ' + '(' + $allModules.length + ')';
-            }
-            if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
-              console.groupCollapsed(title);
-              if(console.table) {
-                console.table(performance);
-              }
-              else {
-                $.each(performance, function(index, data) {
-                  console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
-                });
-              }
-              console.groupEnd();
-            }
-            performance = [];
-          }
+                return html;
+            },
         },
-        invoke: function(query, passedArguments, context) {
-          var
-            object = instance,
-            maxDepth,
-            found,
-            response
-          ;
-          passedArguments = passedArguments || queryArguments;
-          context         = context         || element;
-          if(typeof query == 'string' && object !== undefined) {
-            query    = query.split(/[\. ]/);
-            maxDepth = query.length - 1;
-            $.each(query, function(depth, value) {
-              var camelCaseValue = (depth != maxDepth)
-                ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
-                : query
-              ;
-              if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
-                object = object[camelCaseValue];
-              }
-              else if( object[camelCaseValue] !== undefined ) {
-                found = object[camelCaseValue];
-                return false;
-              }
-              else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
-                object = object[value];
-              }
-              else if( object[value] !== undefined ) {
-                found = object[value];
-                return false;
-              }
-              else {
-                module.error(error.method, query);
-                return false;
-              }
-            });
-          }
-          if ( $.isFunction( found ) ) {
-            response = found.apply(context, passedArguments);
-          }
-          else if(found !== undefined) {
-            response = found;
-          }
-          if(Array.isArray(returnedValue)) {
-            returnedValue.push(response);
-          }
-          else if(returnedValue !== undefined) {
-            returnedValue = [returnedValue, response];
-          }
-          else if(response !== undefined) {
-            returnedValue = response;
-          }
-          return found;
-        }
-      };
-
-      if(methodInvoked) {
-        if(instance === undefined) {
-          module.initialize();
-        }
-        module.invoke(query);
-      }
-      else {
-        if(instance !== undefined) {
-          instance.invoke('destroy');
-        }
-        module.initialize();
-      }
-    })
-  ;
-  return (returnedValue !== undefined)
-    ? returnedValue
-    : this
-  ;
-};
-
-$.fn.embed.settings = {
-
-  name        : 'Embed',
-  namespace   : 'embed',
-
-  silent      : false,
-  debug       : false,
-  verbose     : false,
-  performance : true,
-
-  icon     : false,
-  source   : false,
-  url      : false,
-  id       : false,
-
-  // standard video settings
-  autoplay  : 'auto',
-  color     : '#444444',
-  hd        : true,
-  brandedUI : false,
-
-  // additional parameters to include with the embed
-  parameters: false,
-
-  onDisplay            : function() {},
-  onPlaceholderDisplay : function() {},
-  onReset              : function() {},
-  onCreate             : function(url) {},
-  onEmbed              : function(parameters) {
-    return parameters;
-  },
-
-  metadata    : {
-    id          : 'id',
-    icon        : 'icon',
-    placeholder : 'placeholder',
-    source      : 'source',
-    url         : 'url'
-  },
-
-  error : {
-    noURL  : 'No URL specified',
-    method : 'The method you called is not defined'
-  },
-
-  className : {
-    active : 'active',
-    embed  : 'embed'
-  },
-
-  selector : {
-    embed       : '.embed',
-    placeholder : '.placeholder',
-    icon        : '.icon'
-  },
-
-  sources: {
-    youtube: {
-      name   : 'youtube',
-      type   : 'video',
-      icon   : 'video play',
-      domain : 'youtube.com',
-      url    : '//www.youtube.com/embed/{id}',
-      parameters: function(settings) {
-        return {
-          autohide       : !settings.brandedUI,
-          autoplay       : settings.autoplay,
-          color          : settings.color || undefined,
-          hq             : settings.hd,
-          jsapi          : settings.api,
-          modestbranding : !settings.brandedUI
-        };
-      }
-    },
-    vimeo: {
-      name   : 'vimeo',
-      type   : 'video',
-      icon   : 'video play',
-      domain : 'vimeo.com',
-      url    : '//player.vimeo.com/video/{id}',
-      parameters: function(settings) {
-        return {
-          api      : settings.api,
-          autoplay : settings.autoplay,
-          byline   : settings.brandedUI,
-          color    : settings.color || undefined,
-          portrait : settings.brandedUI,
-          title    : settings.brandedUI
-        };
-      }
-    }
-  },
-
-  templates: {
-    deQuote: function(string, encode) {
-      return String(string).replace(/"/g,encode ? "&quot;" : "");
-    },
-    iframe : function(url, parameters) {
-      var src = url,
-          deQuote = $.fn.embed.settings.templates.deQuote
-      ;
-      if (parameters) {
-          src += '?' + parameters;
-      }
-      return ''
-        + '<iframe src="' + deQuote(src) + '"'
-        + ' width="100%" height="100%"'
-        + ' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>'
-      ;
-    },
-    placeholder : function(image, icon) {
-      var
-        html = '',
-        deQuote = $.fn.embed.settings.templates.deQuote
-      ;
-      if(icon) {
-        html += '<i class="' + deQuote(icon) + ' icon"></i>';
-      }
-      if(image) {
-        html += '<img class="placeholder" src="' + deQuote(image) + '">';
-      }
-      return html;
-    }
-  },
-
-  // NOT YET IMPLEMENTED
-  api     : false,
-  onPause : function() {},
-  onPlay  : function() {},
-  onStop  : function() {}
-
-};
-
 
+        // NOT YET IMPLEMENTED
+        api: false,
+        onPause: function () {},
+        onPlay: function () {},
+        onStop: function () {},
 
-})( jQuery, window, document );
+    };
+})(jQuery, window, document);