Merged js resources.

Moved css/images into themes.
Expose CSS theme in package.
Version Bump.

Author: ceilino

bower.json

@@ -1,6 +1,6 @@
 {
     "name": "angular-colorbox",
-    "version": "1.0.2",
+    "version": "1.0.3",
     "author": {
         "name": "Igor Lino",
         "url": "http://igorlino.github.io/angular-colorbox/"
@@ -12,8 +12,8 @@
         }
     ],
     "main": [
-        "js/colorbox.module.js",
-        "js/colorbox.directive.js"
+        "js/angular-colorbox.js",
+        "themes/dark/colorbox-darktheme-css"
     ],
     "ignore": [
         "**/.*",

demo/index.html

@@ -45,20 +45,18 @@
     <script src='https://rawgit.com/igorlino/angular-elevatezoom-plus/master/js/ezplus.module.js'></script>
     <script src='https://rawgit.com/igorlino/angular-elevatezoom-plus/master/js/ezplus.directive.js'></script>
 
-    <!--<script src='https://rawgit.com/igorlino/angular-colorbox/master/js/colorbox.module.js'></script>
-    <script src='https://rawgit.com/igorlino/angular-colorbox/master/js/colorbox.directive.js'></script>-->
+    <!--<script src='https://rawgit.com/igorlino/angular-colorbox/master/js/angular-colorbox.js'></script>-->
 
-    <script src='../js/colorbox.module.js'></script>
-    <script src='../js/colorbox.directive.js'></script>
+    <script src='../js/angular-colorbox.js'></script>
 
     <!--<script src='https://rawgit.com/igorlino/angular-colorbox/master/demo/controller.js'></script>
     <script src='https://rawgit.com/igorlino/angular-colorbox/master/demo/app.js'></script>-->
 
     <script src='controller.js'></script>
     <script src='app.js'></script>
 
-    <link rel="stylesheet" type="text/css" href="colorbox-darktheme.css" media="screen"/>
-    <!--<link rel="stylesheet" type="text/css" href="https://rawgit.com/igorlino/angular-colorbox/master/demo/colorbox-darktheme.css" media="screen" />-->
+    <link rel="stylesheet" type="text/css" href="../themes/dark/colorbox-darktheme.css" media="screen"/>
+    <!--<link rel="stylesheet" type="text/css" href="https://rawgit.com/igorlino/angular-colorbox/master/themes/dark/colorbox-darktheme.css" media="screen" />-->
     <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery.colorbox/1.4.33/jquery.colorbox.js'></script>
 
     <script src='https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.13.0/ui-bootstrap-tpls.min.js'></script>

js/colorbox.directive.js renamed to js/angular-colorbox.js

@@ -1,7 +1,7 @@
 (function () {
     'use strict';
 
-    angular.module('colorbox')
+    angular.module('colorbox', [])
         .directive('colorbox', colorboxDirective);
 
     colorboxDirective.$inject = ['$compile', '$rootScope', '$http', '$parse', '$timeout'];

js/colorbox.module.js

@@ -1,6 +1,6 @@
 {
     "name": "angular-colorbox",
-    "version": "1.0.2",
+    "version": "1.0.3",
     "title": "Angular Colorbox",
     "description": "Angular directive for Colorbox, the jQuery lightbox and modal window plugin.",
     "keywords": [

package.json

@@ -15,42 +15,42 @@
 .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
 #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
 
-/* 
+/*
     User Style:
     Change the following styles to modify the appearance of Colorbox.  They are
     ordered & tabbed in a way that represents the nesting of the generated HTML.
 */
-#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
+#cboxOverlay{background:url(colorbox/overlay.png) repeat 0 0;}
 #colorbox{outline:0;}
-    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
-    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
-    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
-    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
-    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
-    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
-    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
-    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
+    #cboxTopLeft{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -101px 0;}
+    #cboxTopRight{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -130px 0;}
+    #cboxBottomLeft{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -101px -29px;}
+    #cboxBottomRight{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -130px -29px;}
+    #cboxMiddleLeft{width:21px; background:url(colorbox/controls.png) left top repeat-y;}
+    #cboxMiddleRight{width:21px; background:url(colorbox/controls.png) right top repeat-y;}
+    #cboxTopCenter{height:21px; background:url(colorbox/border.png) 0 0 repeat-x;}
+    #cboxBottomCenter{height:21px; background:url(colorbox/border.png) 0 -29px repeat-x;}
     #cboxContent{background:#fff; overflow:hidden;}
         .cboxIframe{background:#fff;}
         #cboxError{padding:50px; border:1px solid #ccc;}
         #cboxLoadedContent{margin-bottom:28px;}
         #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
         #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
-        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
-        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
+        #cboxLoadingOverlay{background:url(colorbox/loading_background.png) no-repeat center center;}
+        #cboxLoadingGraphic{background:url(colorbox/loading.gif) no-repeat center center;}
 
         /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
         #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
-        
+
         /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
         #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
 
         #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
-        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
+        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
         #cboxPrevious:hover{background-position:-75px -25px;}
-        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
+        #cboxNext{position:absolute; bottom:0; left:27px; background:url(colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
         #cboxNext:hover{background-position:-50px -25px;}
-        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
+        #cboxClose{position:absolute; bottom:0; right:0; background:url(colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
         #cboxClose:hover{background-position:-25px -25px;}
 
 /*
@@ -67,4 +67,4 @@
 .cboxIE #cboxMiddleLeft,
 .cboxIE #cboxMiddleRight {
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
-}
+}