ui_alchemy-rails 1.0.5 → 1.0.6

data/app/assets/stylesheets/alchemy/components/sprites/_sprites.scss

@@ -108,3 +108,7 @@ $spritePath: image-url("alchemy/icons/action-icons.png");
 .left_arrow_icon-grey      { background-position: -656px 0; }
 .selector_icon-grey        { background-position: -672px 0; }
 .validation_icon-grey      { background-position: -688px 0; }
+
+//White Icons
+.validation_icon-white     { background-position: -704px -16px; }
+.arrow_icon-white          { background-position: -719px -16px; }

data/lib/ui_alchemy/rails/version.rb

@@ -1,5 +1,5 @@
 module UIAlchemy
   module Rails
-    VERSION = "1.0.5"
+    VERSION = "1.0.6"
   end
 end

data/vendor/assets/ui_alchemy/alchemy-header/alchemy-header.css

@@ -0,0 +1,275 @@
+/* Will be compiled down to a single stylesheet with your sass files */
+/* line 9, ../../component/styles/header.scss */
+.left {
+  float: left;
+}
+
+/* line 10, ../../component/styles/header.scss */
+.right {
+  float: right;
+}
+
+/* line 12, ../../component/styles/header.scss */
+.logo-header {
+  height: 25px;
+  background-color: #cc8400;
+  z-index: 100;
+  line-height: 25px;
+}
+/* line 20, ../../component/styles/header.scss */
+.logo-header .logo {
+  margin-left: 30px;
+}
+/* line 24, ../../component/styles/header.scss */
+.logo-header .menu-container {
+  line-height: 25px;
+}
+/* line 27, ../../component/styles/header.scss */
+.logo-header .menu-container .menu-item {
+  line-height: 25px;
+}
+/* line 30, ../../component/styles/header.scss */
+.logo-header .menu-container .menu-item .menu-item-link {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  -webkit-transition: all 0.15s ease-in;
+  -moz-transition: all 0.15s ease-in;
+  -o-transition: all 0.15s ease-in;
+  transition: all 0.15s ease-in;
+  text-align: center;
+  text-transform: capitalize;
+  font-family: overpass, sans-serif, sans;
+  text-decoration: none;
+  margin: 0 auto;
+}
+/* line 40, ../../component/styles/header.scss */
+.logo-header .menu-container .menu-item .menu-item-link:hover {
+  -webkit-transition: all 0.3s ease-in-out;
+  -moz-transition: all 0.3s ease-in-out;
+  -o-transition: all 0.3s ease-in-out;
+  transition: all 0.3s ease-in-out;
+  color: #e6e6e6;
+  background: #996300;
+}
+/* line 47, ../../component/styles/header.scss */
+.logo-header .menu-container .menu-item .menu-item-link.active-item {
+  color: #e6e6e6;
+  background: #996300;
+}
+/* line 55, ../../component/styles/header.scss */
+.logo-header .dropdown-active {
+  box-shadow: none;
+}
+
+/* line 60, ../../component/styles/header.scss */
+.nav-header {
+  min-height: 40px;
+  background: orange;
+  border-top: 1px solid #ffb733;
+}
+/* line 65, ../../component/styles/header.scss */
+.nav-header .menu-item {
+  font-family: Overpass;
+  line-height: 37px;
+  vertical-align: baseline;
+  font-size: 14px;
+  position: relative;
+}
+/* line 72, ../../component/styles/header.scss */
+.nav-header .menu-item .menu-item-link {
+  -webkit-transition: all 0.15s ease-in;
+  -moz-transition: all 0.15s ease-in;
+  -o-transition: all 0.15s ease-in;
+  transition: all 0.15s ease-in;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: center;
+  text-transform: capitalize;
+  font-family: overpass, sans-serif, sans;
+  text-decoration: none;
+  margin: 0 auto;
+  color: black;
+}
+/* line 83, ../../component/styles/header.scss */
+.nav-header .menu-item .menu-item-link:hover {
+  -webkit-transition: all 0.15s ease-in-out;
+  -moz-transition: all 0.15s ease-in-out;
+  -o-transition: all 0.15s ease-in-out;
+  transition: all 0.15s ease-in-out;
+  border-bottom: 3px solid #ffdb99;
+  color: #e6e6e6;
+  background: #cc8400;
+  box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
+}
+/* line 91, ../../component/styles/header.scss */
+.nav-header .menu-item .menu-item-link.active-item {
+  box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
+  color: #e6e6e6;
+  border-bottom: 3px solid #ffdb99;
+  background: #cc8400;
+}
+
+/* line 101, ../../component/styles/header.scss */
+.menu-container {
+  position: relative;
+  left: 0;
+  display: block;
+  float: left;
+  margin: 0;
+  list-style: none;
+  line-height: 40px;
+}
+/* line 110, ../../component/styles/header.scss */
+.menu-container .menu-item {
+  line-height: 37px;
+  position: relative;
+  margin: 0;
+  float: left;
+}
+/* line 116, ../../component/styles/header.scss */
+.menu-container .menu-item .menu-item-link {
+  float: none;
+  padding: 0 20px;
+  text-decoration: none;
+  display: block;
+  cursor: default;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+/* line 127, ../../component/styles/header.scss */
+.menu-dropdown {
+  background: white;
+  position: absolute;
+  z-index: 1;
+}
+
+/* line 133, ../../component/styles/header.scss */
+.compact {
+  position: fixed;
+  vertical-align: middle;
+  top: 0;
+  padding: 0;
+  margin: 0;
+  width: 100%;
+  z-index: 100;
+}
+
+/* line 143, ../../component/styles/header.scss */
+.right .menu-item .dropdown {
+  right: -1px;
+}
+
+/* line 148, ../../component/styles/header.scss */
+.dropdown {
+  position: absolute;
+  top: 100%;
+  left: -1px;
+  float: left;
+  min-width: 200px;
+  display: none;
+  list-style: none;
+  border-radius: 0 0 5px 5px;
+  padding: 0;
+  z-index: 3;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  border: 1px solid #C8C8C8;
+  border-top: none;
+  box-shadow: 0px 1px 5px #C8C8C8;
+  background: white;
+  opacity: 1;
+  font-family: "Liberation-sans";
+}
+/* line 171, ../../component/styles/header.scss */
+.dropdown li {
+  text-align: left;
+  line-height: 35px;
+  position: relative;
+  display: block;
+  clear: both;
+}
+/* line 178, ../../component/styles/header.scss */
+.dropdown li a, .dropdown li a:visited, .dropdown li a:active, .dropdown li a:link {
+  color: #000;
+  text-decoration: none;
+  display: block;
+  padding: 5px 0px 5px 20px;
+}
+/* line 185, ../../component/styles/header.scss */
+.dropdown li:hover {
+  background: black;
+}
+/* line 188, ../../component/styles/header.scss */
+.dropdown li:hover .dropdown-menu-item-link {
+  text-decoration: none;
+  color: #e6e6e6;
+}
+
+/* line 196, ../../component/styles/header.scss */
+.dropdown-left {
+  left: 0;
+}
+
+/* line 200, ../../component/styles/header.scss */
+.dropdown-right {
+  right: 0;
+  left: auto;
+}
+
+/* line 205, ../../component/styles/header.scss */
+.dropdown-active {
+  -webkit-transition: all 0.4s ease-in;
+  -moz-transition: all 0.4s ease-in;
+  -o-transition: all 0.4s ease-in;
+  transition: all 0.4s ease-in;
+  display: block;
+}
+
+/* line 210, ../../component/styles/header.scss */
+.flyout-indicator {
+  margin-top: 10px;
+  float: right;
+  margin-right: 5px;
+}
+
+/* line 216, ../../component/styles/header.scss */
+.flyout {
+  padding: 0;
+  list-style: none;
+  position: absolute;
+  top: -1px;
+  left: 100%;
+  min-width: 180px;
+  border: 1px solid #C8C8C8;
+  border-radius: 0 3px 3px 3px;
+  box-shadow: 1px 0px 5px #C8C8C8;
+  z-index: 2;
+  background: white;
+}
+/* line 229, ../../component/styles/header.scss */
+.flyout li {
+  text-align: left;
+  line-height: 35px;
+  position: relative;
+  display: block;
+  clear: both;
+}
+/* line 236, ../../component/styles/header.scss */
+.flyout li a, .flyout li a:visited, .flyout li a:active, .flyout li a:link {
+  color: #000;
+  text-decoration: none;
+  display: block;
+  padding: 5px 0px 5px 20px;
+}
+/* line 243, ../../component/styles/header.scss */
+.flyout li:hover {
+  background: black;
+}
+/* line 246, ../../component/styles/header.scss */
+.flyout li:hover a, .flyout li:hover a:visited, .flyout li:hover a:active, .flyout li:hover a:link {
+  text-decoration: none;
+  color: #e6e6e6;
+}

data/vendor/assets/ui_alchemy/alchemy-header/alchemy-header.js

@@ -0,0 +1,160 @@
+angular.module("alch-templates").run(function($templateCache) {
+  $templateCache.put("component/templates/dropdown.html",
+    "<ul class=\"dropdown\" " +
+    "    ng-class=\"{ 'dropdown-right' : isRight(dropdown.direction), 'dropdown-active' : dropdown.show }\">" +
+    "  <li ng-repeat=\"item in dropdown\"" +
+    "      ng-mouseenter=\"set_hover(item, true)\"" +
+    "      ng-mouseleave=\"set_hover(item, false)\">" +
+    "  " +
+    "    <a class=\"dropdown-menu-item-link\" href=\"{{ item.url }}\">" +
+    "      {{ item.display }}" +
+    "      <i class=\"right_arrow_icon-grey flyout-indicator\" ng-show=\"item.type=='flyout'\"></i>" +
+    "    </a>" +
+    "    <ul alch-flyout=\"item.items\" ng-show=\"flyout.show\" ng-class=\"{ 'dropdown-active' : dropdown.show }\"></ul>" +
+    "  </li>" +
+    "</ul>" +
+    "");
+});
+
+angular.module("alch-templates").run(function($templateCache) {
+  $templateCache.put("component/templates/flyout.html",
+    "<ul class=\"flyout\">" +
+    "  <li ng-repeat=\"item in flyout\"" +
+    "      ng-class=\"{ 'dropdown-highlight' : item.active }\"" +
+    "      ng-mouseenter=\"set_hover(item, true)\"" +
+    "      ng-mouseleave=\"set_hover(item, false)\">" +
+    "  " +
+    "    <a href=\"{{ item.url }}\">{{ item.display }}</a>" +
+    "  </li>" +
+    "</ul>" +
+    "");
+});
+
+angular.module("alch-templates").run(function($templateCache) {
+  $templateCache.put("component/templates/menu.html",
+    "<nav ng-class=\"menu.location\">" +
+    "  <ul class=\"menu-container\">" +
+    "    <li class=\"menu-item\"" +
+    "        ng-repeat=\"item in menu.items\"" +
+    "        ng-mouseenter=\"handle_hover(item, true)\"" +
+    "        ng-mouseleave=\"handle_hover(item, false)\">" +
+    "        " +
+    "        <a href=\"{{ item.url }}\" " +
+    "           ng-class=\"{ 'active-item' : item.active }\"" +
+    "           class=\"menu-item-link\">" +
+    "        " +
+    "          {{ item.display }}" +
+    "          <i class=\"down_arrow_icon-grey\" ng-show=\"item.type == 'dropdown'\"></i>" +
+    "        </a>" +
+    "        <ul alch-dropdown=\"item.items\"></ul>" +
+    "    </li>" +
+    "  </ul>" +
+    "</nav>" +
+    "");
+});
+
+'use strict';
+
+angular.module('alchemy').directive('alchMenu', function($window){
+    return {
+        restrict: 'EA',
+        transclude: true,
+        replace: true,
+        scope: {
+            'menu': '=alchMenu',
+            'compact' : '@'
+        },
+        templateUrl: 'component/templates/menu.html',
+
+        controller: function($scope) {
+            $scope.dropdown = {};
+
+            $scope.handle_hover = function(item, mousein){
+                if( item.type === 'dropdown' && mousein ){
+                    item.active = true;
+                    $scope.dropdown = item.items;
+                    $scope.dropdown.show = true;
+                    $scope.dropdown.direction = $scope.menu.location;
+                } else {
+                    $scope.dropdown.show = false;
+
+                    if( item !== $scope.menu.active_item ){
+                        item.active = false;
+                    }
+                }
+            };
+
+        },
+
+        link: function(scope, element, attrs){
+            if( attrs.compact !== undefined ){
+                angular.element($window).bind('scroll', function(){
+                    var h = $('body').height();
+                    var y = $($window).scrollTop();
+
+                    if( y > (h*0.03) ){
+                        element.parent().addClass('compact');
+                    } else {
+                        element.parent().removeClass('compact');
+                    }
+                 });
+            }
+        }
+    };
+});
+
+angular.module('alchemy').directive('alchDropdown', function(){
+    return {
+        restrict: 'EA',
+        transclude: true,
+        replace: true,
+        scope: {
+            'dropdown' : '=alchDropdown'
+        },
+        templateUrl: 'component/templates/dropdown.html',
+
+        controller: function($scope){
+            $scope.set_hover = function(item, mousein){
+                if( mousein ){
+                    item.active = true;
+                    
+                    if( item.type === 'flyout' ){
+                        $scope.flyout = item.items;
+                        $scope.flyout.show = true;
+                    }
+                } else {
+                    if( $scope.flyout ){
+                        $scope.flyout.show = false;
+                    }
+                    item.active = false;
+                }
+            };
+
+            $scope.isRight = function(direction){
+                return direction === 'right';
+            };
+        }
+    };
+});
+
+angular.module('alchemy').directive('alchFlyout', function(){
+    return {
+        restrict: 'EA',
+        transclude: true,
+        replace: true,
+        scope: {
+            'flyout' : '=alchFlyout'
+        },
+        templateUrl: 'component/templates/flyout.html',
+
+        controller: function($scope){
+            $scope.set_hover = function(item, mousein){
+                if( mousein ){
+                    item.active = true;
+                } else {
+                    item.active = false;
+                }
+            };
+        }
+    };
+});

data/vendor/assets/ui_alchemy/alchemy-header/component.json

@@ -0,0 +1,26 @@
+{
+  "name": "alchemy-header",
+  "version": "0.0.4",
+  "main": [
+    "./*.js",
+    "./*.scss",
+    "./*.css"
+  ],
+  "dependencies": {
+    "angular": "~1.0.5",
+    "jquery": "~1.9.1",
+    "alchemy": ">=0.0.1"
+  },
+  "devDependencies": {
+    "angular-mocks": "~1.0.5",
+    "angular-scenario": "~1.0.5"
+  },
+  "gitHead": "35c50677e2c0c3afed09a77caf11580bc3d691d0",
+  "_id": "alchemy-header@0.0.4",
+  "readme": "ERROR: No README.md file found!",
+  "description": "ERROR: No README.md file found!",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/ui-alchemy/alchemy-header.git"
+  }
+}

data/vendor/assets/ui_alchemy/alchemy-header/header.scss

@@ -0,0 +1,252 @@
+$nav-header_background:           orange !default;
+$logo-header_background:          darken($nav-header_background, 10%) !default;
+$menu-item_hover:                 darken($nav-header_background, 10%) !default;
+$link_color:                      #000 !default;
+$link-hover_color:                lighten($link_color, 90%) !default;
+$link-border_color:               lighten(orange, 30%) !default;
+$dropdown-link-hover_background:  #000 !default;
+
+.left { float: left; }
+.right { float: right; }
+
+.logo-header {
+  $logo-header_line_height: 25px;
+
+  height: $logo-header_line_height;
+  background-color: $logo-header_background;
+  z-index: 100;
+  line-height: $logo-header_line_height;
+
+  .logo {
+    margin-left: 30px;
+  }
+
+  .menu-container {
+    line-height: $logo-header_line_height;
+
+    .menu-item {
+      line-height: $logo-header_line_height;
+
+      .menu-item-link {  
+        white-space: nowrap; 
+        text-overflow: ellipsis;
+        @include transition( all .15s ease-in);
+        text-align: center;
+        text-transform: capitalize; 
+        font-family: overpass, sans-serif, sans; 
+        text-decoration: none;
+        margin: 0 auto; 
+
+        &:hover { 
+          @include transition( all 0.3s ease-in-out);
+
+          color: $link-hover_color;
+          background: darken($logo-header_background, 10%);
+        }
+
+        &.active-item {
+          color: $link-hover_color;
+          background: darken($logo-header_background, 10%);
+        } 
+      }
+    }
+  } 
+
+  .dropdown-active {
+    box-shadow: none;
+  }
+}
+
+.nav-header {
+  min-height: 40px;
+  background: $nav-header_background;
+  border-top: 1px solid lighten($nav-header_background, 10%);
+
+  .menu-item {
+    font-family: Overpass;
+    line-height: 37px;
+    vertical-align: baseline;
+    font-size: 14px;
+    position: relative;
+
+    .menu-item-link {  
+      @include transition( all .15s ease-in);
+      white-space: nowrap; 
+      text-overflow: ellipsis;
+      text-align: center;
+      text-transform: capitalize; 
+      font-family: overpass, sans-serif, sans; 
+      text-decoration: none;
+      margin: 0 auto; 
+      color: $link_color;
+        
+      &:hover { 
+        @include transition( all 0.15s ease-in-out);
+        border-bottom: 3px solid $link-border_color;
+        color: $link-hover_color;
+        background: darken($nav-header_background, 10%);
+        box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); 
+      }
+
+      &.active-item {
+        box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); 
+        color: $link-hover_color;
+        border-bottom: 3px solid $link-border_color;
+        background: darken($nav-header_background, 10%);
+      } 
+    }
+  }
+}
+
+.menu-container {
+  position: relative;
+  left: 0;
+  display: block;
+  float: left;
+  margin: 0;
+  list-style: none;
+  line-height: 40px;
+
+  .menu-item {
+    line-height: 37px;
+    position: relative;
+    margin: 0;
+    float: left;
+
+    .menu-item-link {
+      float: none;
+      padding: 0 20px;
+      text-decoration: none;
+      display: block;
+      cursor: default;
+      @include box-sizing(border-box);
+    }
+  }
+}
+
+.menu-dropdown {
+  background: white;
+  position: absolute;
+  z-index: 1;
+}
+
+.compact{
+  position:fixed; 
+  vertical-align:middle;
+  top: 0; 
+  padding:0;  
+  margin: 0; 
+  width: 100%; 
+  z-index: 100;
+}
+
+.right .menu-item .dropdown {
+  right: -1px;
+  
+}
+
+.dropdown {
+  position: absolute;
+  top: 100%;
+  left: -1px;
+  float: left;
+  min-width: 200px;
+  display: none;
+  list-style: none;
+  border-radius: 0 0 5px 5px;
+  padding: 0;
+  z-index: 3;
+  @include box-sizing(border-box);
+
+  border: 1px solid #C8C8C8;
+  border-top: none;
+  box-shadow: 0px 1px 5px #C8C8C8;
+  background: white;
+  opacity: 1;
+  font-family: "Liberation-sans";
+
+  .dropdown-highlight {
+  }
+
+  li {
+    text-align: left;
+    line-height: 35px;
+    position: relative;
+    display: block;
+    clear: both;
+    
+    a, a:visited, a:active, a:link { 
+      color: #000;
+      text-decoration: none;
+      display: block;
+      padding: 5px 0px 5px 20px;
+    }
+
+    &:hover {
+      background: $dropdown-link-hover_background;
+
+      .dropdown-menu-item-link  {
+        text-decoration: none;
+        color: $link-hover_color;
+      }
+    }
+  }
+}
+
+.dropdown-left {
+  left: 0;
+}
+
+.dropdown-right {
+  right: 0;
+  left: auto;
+}
+
+.dropdown-active {
+  @include transition(all 0.4s ease-in);
+  display: block;
+}
+
+.flyout-indicator {
+  margin-top: 10px;
+  float: right;
+  margin-right: 5px;
+}
+
+.flyout {
+  padding: 0;
+  list-style: none;
+  position: absolute;
+  top: -1px;
+  left: 100%;
+  min-width: 180px;
+  border: 1px solid #C8C8C8;
+  border-radius: 0 3px 3px 3px;
+  box-shadow: 1px 0px 5px #C8C8C8;
+  z-index: 2;
+  background: white;
+
+  li {
+    text-align: left;
+    line-height: 35px;
+    position: relative;
+    display: block;
+    clear: both;
+    
+    a, a:visited, a:active, a:link { 
+      color: #000;
+      text-decoration: none;
+      display: block;
+      padding: 5px 0px 5px 20px;
+    }
+
+    &:hover {
+      background: $dropdown-link-hover_background;
+
+      a, a:visited, a:active, a:link  {
+        text-decoration: none;
+        color: $link-hover_color;
+      }
+    }
+  }
+}

data/vendor/assets/ui_alchemy/angular-sanitize/README.md

@@ -0,0 +1,4 @@
+bower-angular-sanitize
+======================
+
+angular-sanitize bower repo

data/vendor/assets/ui_alchemy/angular-sanitize/angular-sanitize.js

@@ -0,0 +1,537 @@
+/**
+ * @license AngularJS v1.0.6
+ * (c) 2010-2012 Google, Inc. http://angularjs.org
+ * License: MIT
+ */
+(function(window, angular, undefined) {
+'use strict';
+
+/**
+ * @ngdoc overview
+ * @name ngSanitize
+ * @description
+ */
+
+/*
+ * HTML Parser By Misko Hevery (misko@hevery.com)
+ * based on:  HTML Parser By John Resig (ejohn.org)
+ * Original code by Erik Arvidsson, Mozilla Public License
+ * http://erik.eae.net/simplehtmlparser/simplehtmlparser.js
+ *
+ * // Use like so:
+ * htmlParser(htmlString, {
+ *     start: function(tag, attrs, unary) {},
+ *     end: function(tag) {},
+ *     chars: function(text) {},
+ *     comment: function(text) {}
+ * });
+ *
+ */
+
+
+/**
+ * @ngdoc service
+ * @name ngSanitize.$sanitize
+ * @function
+ *
+ * @description
+ *   The input is sanitized by parsing the html into tokens. All safe tokens (from a whitelist) are
+ *   then serialized back to properly escaped html string. This means that no unsafe input can make
+ *   it into the returned string, however, since our parser is more strict than a typical browser
+ *   parser, it's possible that some obscure input, which would be recognized as valid HTML by a
+ *   browser, won't make it through the sanitizer.
+ *
+ * @param {string} html Html input.
+ * @returns {string} Sanitized html.
+ *
+ * @example
+   <doc:example module="ngSanitize">
+     <doc:source>
+       <script>
+         function Ctrl($scope) {
+           $scope.snippet =
+             '<p style="color:blue">an html\n' +
+             '<em onmouseover="this.textContent=\'PWN3D!\'">click here</em>\n' +
+             'snippet</p>';
+         }
+       </script>
+       <div ng-controller="Ctrl">
+          Snippet: <textarea ng-model="snippet" cols="60" rows="3"></textarea>
+           <table>
+             <tr>
+               <td>Filter</td>
+               <td>Source</td>
+               <td>Rendered</td>
+             </tr>
+             <tr id="html-filter">
+               <td>html filter</td>
+               <td>
+                 <pre>&lt;div ng-bind-html="snippet"&gt;<br/>&lt;/div&gt;</pre>
+               </td>
+               <td>
+                 <div ng-bind-html="snippet"></div>
+               </td>
+             </tr>
+             <tr id="escaped-html">
+               <td>no filter</td>
+               <td><pre>&lt;div ng-bind="snippet"&gt;<br/>&lt;/div&gt;</pre></td>
+               <td><div ng-bind="snippet"></div></td>
+             </tr>
+             <tr id="html-unsafe-filter">
+               <td>unsafe html filter</td>
+               <td><pre>&lt;div ng-bind-html-unsafe="snippet"&gt;<br/>&lt;/div&gt;</pre></td>
+               <td><div ng-bind-html-unsafe="snippet"></div></td>
+             </tr>
+           </table>
+         </div>
+     </doc:source>
+     <doc:scenario>
+       it('should sanitize the html snippet ', function() {
+         expect(using('#html-filter').element('div').html()).
+           toBe('<p>an html\n<em>click here</em>\nsnippet</p>');
+       });
+
+       it('should escape snippet without any filter', function() {
+         expect(using('#escaped-html').element('div').html()).
+           toBe("&lt;p style=\"color:blue\"&gt;an html\n" +
+                "&lt;em onmouseover=\"this.textContent='PWN3D!'\"&gt;click here&lt;/em&gt;\n" +
+                "snippet&lt;/p&gt;");
+       });
+
+       it('should inline raw snippet if filtered as unsafe', function() {
+         expect(using('#html-unsafe-filter').element("div").html()).
+           toBe("<p style=\"color:blue\">an html\n" +
+                "<em onmouseover=\"this.textContent='PWN3D!'\">click here</em>\n" +
+                "snippet</p>");
+       });
+
+       it('should update', function() {
+         input('snippet').enter('new <b>text</b>');
+         expect(using('#html-filter').binding('snippet')).toBe('new <b>text</b>');
+         expect(using('#escaped-html').element('div').html()).toBe("new &lt;b&gt;text&lt;/b&gt;");
+         expect(using('#html-unsafe-filter').binding("snippet")).toBe('new <b>text</b>');
+       });
+     </doc:scenario>
+   </doc:example>
+ */
+var $sanitize = function(html) {
+  var buf = [];
+    htmlParser(html, htmlSanitizeWriter(buf));
+    return buf.join('');
+};
+
+
+// Regular Expressions for parsing tags and attributes
+var START_TAG_REGEXP = /^<\s*([\w:-]+)((?:\s+[\w:-]+(?:\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|[^>\s]+))?)*)\s*(\/?)\s*>/,
+  END_TAG_REGEXP = /^<\s*\/\s*([\w:-]+)[^>]*>/,
+  ATTR_REGEXP = /([\w:-]+)(?:\s*=\s*(?:(?:"((?:[^"])*)")|(?:'((?:[^'])*)')|([^>\s]+)))?/g,
+  BEGIN_TAG_REGEXP = /^</,
+  BEGING_END_TAGE_REGEXP = /^<\s*\//,
+  COMMENT_REGEXP = /<!--(.*?)-->/g,
+  CDATA_REGEXP = /<!\[CDATA\[(.*?)]]>/g,
+  URI_REGEXP = /^((ftp|https?):\/\/|mailto:|#)/,
+  NON_ALPHANUMERIC_REGEXP = /([^\#-~| |!])/g; // Match everything outside of normal chars and " (quote character)
+
+
+// Good source of info about elements and attributes
+// http://dev.w3.org/html5/spec/Overview.html#semantics
+// http://simon.html5.org/html-elements
+
+// Safe Void Elements - HTML5
+// http://dev.w3.org/html5/spec/Overview.html#void-elements
+var voidElements = makeMap("area,br,col,hr,img,wbr");
+
+// Elements that you can, intentionally, leave open (and which close themselves)
+// http://dev.w3.org/html5/spec/Overview.html#optional-tags
+var optionalEndTagBlockElements = makeMap("colgroup,dd,dt,li,p,tbody,td,tfoot,th,thead,tr"),
+    optionalEndTagInlineElements = makeMap("rp,rt"),
+    optionalEndTagElements = angular.extend({}, optionalEndTagInlineElements, optionalEndTagBlockElements);
+
+// Safe Block Elements - HTML5
+var blockElements = angular.extend({}, optionalEndTagBlockElements, makeMap("address,article,aside," +
+        "blockquote,caption,center,del,dir,div,dl,figure,figcaption,footer,h1,h2,h3,h4,h5,h6," +
+        "header,hgroup,hr,ins,map,menu,nav,ol,pre,script,section,table,ul"));
+
+// Inline Elements - HTML5
+var inlineElements = angular.extend({}, optionalEndTagInlineElements, makeMap("a,abbr,acronym,b,bdi,bdo," +
+        "big,br,cite,code,del,dfn,em,font,i,img,ins,kbd,label,map,mark,q,ruby,rp,rt,s,samp,small," +
+        "span,strike,strong,sub,sup,time,tt,u,var"));
+
+
+// Special Elements (can contain anything)
+var specialElements = makeMap("script,style");
+
+var validElements = angular.extend({}, voidElements, blockElements, inlineElements, optionalEndTagElements);
+
+//Attributes that have href and hence need to be sanitized
+var uriAttrs = makeMap("background,cite,href,longdesc,src,usemap");
+var validAttrs = angular.extend({}, uriAttrs, makeMap(
+    'abbr,align,alt,axis,bgcolor,border,cellpadding,cellspacing,class,clear,'+
+    'color,cols,colspan,compact,coords,dir,face,headers,height,hreflang,hspace,'+
+    'ismap,lang,language,nohref,nowrap,rel,rev,rows,rowspan,rules,'+
+    'scope,scrolling,shape,span,start,summary,target,title,type,'+
+    'valign,value,vspace,width'));
+
+function makeMap(str) {
+  var obj = {}, items = str.split(','), i;
+  for (i = 0; i < items.length; i++) obj[items[i]] = true;
+  return obj;
+}
+
+
+/**
+ * @example
+ * htmlParser(htmlString, {
+ *     start: function(tag, attrs, unary) {},
+ *     end: function(tag) {},
+ *     chars: function(text) {},
+ *     comment: function(text) {}
+ * });
+ *
+ * @param {string} html string
+ * @param {object} handler
+ */
+function htmlParser( html, handler ) {
+  var index, chars, match, stack = [], last = html;
+  stack.last = function() { return stack[ stack.length - 1 ]; };
+
+  while ( html ) {
+    chars = true;
+
+    // Make sure we're not in a script or style element
+    if ( !stack.last() || !specialElements[ stack.last() ] ) {
+
+      // Comment
+      if ( html.indexOf("<!--") === 0 ) {
+        index = html.indexOf("-->");
+
+        if ( index >= 0 ) {
+          if (handler.comment) handler.comment( html.substring( 4, index ) );
+          html = html.substring( index + 3 );
+          chars = false;
+        }
+
+      // end tag
+      } else if ( BEGING_END_TAGE_REGEXP.test(html) ) {
+        match = html.match( END_TAG_REGEXP );
+
+        if ( match ) {
+          html = html.substring( match[0].length );
+          match[0].replace( END_TAG_REGEXP, parseEndTag );
+          chars = false;
+        }
+
+      // start tag
+      } else if ( BEGIN_TAG_REGEXP.test(html) ) {
+        match = html.match( START_TAG_REGEXP );
+
+        if ( match ) {
+          html = html.substring( match[0].length );
+          match[0].replace( START_TAG_REGEXP, parseStartTag );
+          chars = false;
+        }
+      }
+
+      if ( chars ) {
+        index = html.indexOf("<");
+
+        var text = index < 0 ? html : html.substring( 0, index );
+        html = index < 0 ? "" : html.substring( index );
+
+        if (handler.chars) handler.chars( decodeEntities(text) );
+      }
+
+    } else {
+      html = html.replace(new RegExp("(.*)<\\s*\\/\\s*" + stack.last() + "[^>]*>", 'i'), function(all, text){
+        text = text.
+          replace(COMMENT_REGEXP, "$1").
+          replace(CDATA_REGEXP, "$1");
+
+        if (handler.chars) handler.chars( decodeEntities(text) );
+
+        return "";
+      });
+
+      parseEndTag( "", stack.last() );
+    }
+
+    if ( html == last ) {
+      throw "Parse Error: " + html;
+    }
+    last = html;
+  }
+
+  // Clean up any remaining tags
+  parseEndTag();
+
+  function parseStartTag( tag, tagName, rest, unary ) {
+    tagName = angular.lowercase(tagName);
+    if ( blockElements[ tagName ] ) {
+      while ( stack.last() && inlineElements[ stack.last() ] ) {
+        parseEndTag( "", stack.last() );
+      }
+    }
+
+    if ( optionalEndTagElements[ tagName ] && stack.last() == tagName ) {
+      parseEndTag( "", tagName );
+    }
+
+    unary = voidElements[ tagName ] || !!unary;
+
+    if ( !unary )
+      stack.push( tagName );
+
+    var attrs = {};
+
+    rest.replace(ATTR_REGEXP, function(match, name, doubleQuotedValue, singleQoutedValue, unqoutedValue) {
+      var value = doubleQuotedValue
+        || singleQoutedValue
+        || unqoutedValue
+        || '';
+
+      attrs[name] = decodeEntities(value);
+    });
+    if (handler.start) handler.start( tagName, attrs, unary );
+  }
+
+  function parseEndTag( tag, tagName ) {
+    var pos = 0, i;
+    tagName = angular.lowercase(tagName);
+    if ( tagName )
+      // Find the closest opened tag of the same type
+      for ( pos = stack.length - 1; pos >= 0; pos-- )
+        if ( stack[ pos ] == tagName )
+          break;
+
+    if ( pos >= 0 ) {
+      // Close all the open elements, up the stack
+      for ( i = stack.length - 1; i >= pos; i-- )
+        if (handler.end) handler.end( stack[ i ] );
+
+      // Remove the open elements from the stack
+      stack.length = pos;
+    }
+  }
+}
+
+/**
+ * decodes all entities into regular string
+ * @param value
+ * @returns {string} A string with decoded entities.
+ */
+var hiddenPre=document.createElement("pre");
+function decodeEntities(value) {
+  hiddenPre.innerHTML=value.replace(/</g,"&lt;");
+  return hiddenPre.innerText || hiddenPre.textContent || '';
+}
+
+/**
+ * Escapes all potentially dangerous characters, so that the
+ * resulting string can be safely inserted into attribute or
+ * element text.
+ * @param value
+ * @returns escaped text
+ */
+function encodeEntities(value) {
+  return value.
+    replace(/&/g, '&amp;').
+    replace(NON_ALPHANUMERIC_REGEXP, function(value){
+      return '&#' + value.charCodeAt(0) + ';';
+    }).
+    replace(/</g, '&lt;').
+    replace(/>/g, '&gt;');
+}
+
+/**
+ * create an HTML/XML writer which writes to buffer
+ * @param {Array} buf use buf.jain('') to get out sanitized html string
+ * @returns {object} in the form of {
+ *     start: function(tag, attrs, unary) {},
+ *     end: function(tag) {},
+ *     chars: function(text) {},
+ *     comment: function(text) {}
+ * }
+ */
+function htmlSanitizeWriter(buf){
+  var ignore = false;
+  var out = angular.bind(buf, buf.push);
+  return {
+    start: function(tag, attrs, unary){
+      tag = angular.lowercase(tag);
+      if (!ignore && specialElements[tag]) {
+        ignore = tag;
+      }
+      if (!ignore && validElements[tag] == true) {
+        out('<');
+        out(tag);
+        angular.forEach(attrs, function(value, key){
+          var lkey=angular.lowercase(key);
+          if (validAttrs[lkey]==true && (uriAttrs[lkey]!==true || value.match(URI_REGEXP))) {
+            out(' ');
+            out(key);
+            out('="');
+            out(encodeEntities(value));
+            out('"');
+          }
+        });
+        out(unary ? '/>' : '>');
+      }
+    },
+    end: function(tag){
+        tag = angular.lowercase(tag);
+        if (!ignore && validElements[tag] == true) {
+          out('</');
+          out(tag);
+          out('>');
+        }
+        if (tag == ignore) {
+          ignore = false;
+        }
+      },
+    chars: function(chars){
+        if (!ignore) {
+          out(encodeEntities(chars));
+        }
+      }
+  };
+}
+
+
+// define ngSanitize module and register $sanitize service
+angular.module('ngSanitize', []).value('$sanitize', $sanitize);
+
+/**
+ * @ngdoc directive
+ * @name ngSanitize.directive:ngBindHtml
+ *
+ * @description
+ * Creates a binding that will sanitize the result of evaluating the `expression` with the
+ * {@link ngSanitize.$sanitize $sanitize} service and innerHTML the result into the current element.
+ *
+ * See {@link ngSanitize.$sanitize $sanitize} docs for examples.
+ *
+ * @element ANY
+ * @param {expression} ngBindHtml {@link guide/expression Expression} to evaluate.
+ */
+angular.module('ngSanitize').directive('ngBindHtml', ['$sanitize', function($sanitize) {
+  return function(scope, element, attr) {
+    element.addClass('ng-binding').data('$binding', attr.ngBindHtml);
+    scope.$watch(attr.ngBindHtml, function ngBindHtmlWatchAction(value) {
+      value = $sanitize(value);
+      element.html(value || '');
+    });
+  };
+}]);
+
+/**
+ * @ngdoc filter
+ * @name ngSanitize.filter:linky
+ * @function
+ *
+ * @description
+ *   Finds links in text input and turns them into html links. Supports http/https/ftp/mailto and
+ *   plain email address links.
+ *
+ * @param {string} text Input text.
+ * @returns {string} Html-linkified text.
+ *
+ * @usage
+   <span ng-bind-html="linky_expression | linky"></span>
+ *
+ * @example
+   <doc:example module="ngSanitize">
+     <doc:source>
+       <script>
+         function Ctrl($scope) {
+           $scope.snippet =
+             'Pretty text with some links:\n'+
+             'http://angularjs.org/,\n'+
+             'mailto:us@somewhere.org,\n'+
+             'another@somewhere.org,\n'+
+             'and one more: ftp://127.0.0.1/.';
+         }
+       </script>
+       <div ng-controller="Ctrl">
+       Snippet: <textarea ng-model="snippet" cols="60" rows="3"></textarea>
+       <table>
+         <tr>
+           <td>Filter</td>
+           <td>Source</td>
+           <td>Rendered</td>
+         </tr>
+         <tr id="linky-filter">
+           <td>linky filter</td>
+           <td>
+             <pre>&lt;div ng-bind-html="snippet | linky"&gt;<br>&lt;/div&gt;</pre>
+           </td>
+           <td>
+             <div ng-bind-html="snippet | linky"></div>
+           </td>
+         </tr>
+         <tr id="escaped-html">
+           <td>no filter</td>
+           <td><pre>&lt;div ng-bind="snippet"&gt;<br>&lt;/div&gt;</pre></td>
+           <td><div ng-bind="snippet"></div></td>
+         </tr>
+       </table>
+     </doc:source>
+     <doc:scenario>
+       it('should linkify the snippet with urls', function() {
+         expect(using('#linky-filter').binding('snippet | linky')).
+           toBe('Pretty text with some links:&#10;' +
+                '<a href="http://angularjs.org/">http://angularjs.org/</a>,&#10;' +
+                '<a href="mailto:us@somewhere.org">us@somewhere.org</a>,&#10;' +
+                '<a href="mailto:another@somewhere.org">another@somewhere.org</a>,&#10;' +
+                'and one more: <a href="ftp://127.0.0.1/">ftp://127.0.0.1/</a>.');
+       });
+
+       it ('should not linkify snippet without the linky filter', function() {
+         expect(using('#escaped-html').binding('snippet')).
+           toBe("Pretty text with some links:\n" +
+                "http://angularjs.org/,\n" +
+                "mailto:us@somewhere.org,\n" +
+                "another@somewhere.org,\n" +
+                "and one more: ftp://127.0.0.1/.");
+       });
+
+       it('should update', function() {
+         input('snippet').enter('new http://link.');
+         expect(using('#linky-filter').binding('snippet | linky')).
+           toBe('new <a href="http://link">http://link</a>.');
+         expect(using('#escaped-html').binding('snippet')).toBe('new http://link.');
+       });
+     </doc:scenario>
+   </doc:example>
+ */
+angular.module('ngSanitize').filter('linky', function() {
+  var LINKY_URL_REGEXP = /((ftp|https?):\/\/|(mailto:)?[A-Za-z0-9._%+-]+@)\S*[^\s\.\;\,\(\)\{\}\<\>]/,
+      MAILTO_REGEXP = /^mailto:/;
+
+  return function(text) {
+    if (!text) return text;
+    var match;
+    var raw = text;
+    var html = [];
+    // TODO(vojta): use $sanitize instead
+    var writer = htmlSanitizeWriter(html);
+    var url;
+    var i;
+    while ((match = raw.match(LINKY_URL_REGEXP))) {
+      // We can not end in these as they are sometimes found at the end of the sentence
+      url = match[0];
+      // if we did not match ftp/http/mailto then assume mailto
+      if (match[2] == match[3]) url = 'mailto:' + url;
+      i = match.index;
+      writer.chars(raw.substr(0, i));
+      writer.start('a', {href:url});
+      writer.chars(match[0].replace(MAILTO_REGEXP, ''));
+      writer.end('a');
+      raw = raw.substring(i + match[0].length);
+    }
+    writer.chars(raw);
+    return html.join('');
+  };
+});
+
+
+})(window, window.angular);

data/vendor/assets/ui_alchemy/angular-sanitize/angular-sanitize.min.js

@@ -0,0 +1,13 @@
+/*
+ AngularJS v1.0.6
+ (c) 2010-2012 Google, Inc. http://angularjs.org
+ License: MIT
+*/
+(function(I,g){'use strict';function i(a){var d={},a=a.split(","),b;for(b=0;b<a.length;b++)d[a[b]]=!0;return d}function z(a,d){function b(a,b,c,h){b=g.lowercase(b);if(m[b])for(;f.last()&&n[f.last()];)e("",f.last());o[b]&&f.last()==b&&e("",b);(h=p[b]||!!h)||f.push(b);var j={};c.replace(A,function(a,b,d,e,c){j[b]=k(d||e||c||"")});d.start&&d.start(b,j,h)}function e(a,b){var e=0,c;if(b=g.lowercase(b))for(e=f.length-1;e>=0;e--)if(f[e]==b)break;if(e>=0){for(c=f.length-1;c>=e;c--)d.end&&d.end(f[c]);f.length=
+e}}var c,h,f=[],j=a;for(f.last=function(){return f[f.length-1]};a;){h=!0;if(!f.last()||!q[f.last()]){if(a.indexOf("<\!--")===0)c=a.indexOf("--\>"),c>=0&&(d.comment&&d.comment(a.substring(4,c)),a=a.substring(c+3),h=!1);else if(B.test(a)){if(c=a.match(r))a=a.substring(c[0].length),c[0].replace(r,e),h=!1}else if(C.test(a)&&(c=a.match(s)))a=a.substring(c[0].length),c[0].replace(s,b),h=!1;h&&(c=a.indexOf("<"),h=c<0?a:a.substring(0,c),a=c<0?"":a.substring(c),d.chars&&d.chars(k(h)))}else a=a.replace(RegExp("(.*)<\\s*\\/\\s*"+
+f.last()+"[^>]*>","i"),function(b,a){a=a.replace(D,"$1").replace(E,"$1");d.chars&&d.chars(k(a));return""}),e("",f.last());if(a==j)throw"Parse Error: "+a;j=a}e()}function k(a){l.innerHTML=a.replace(/</g,"&lt;");return l.innerText||l.textContent||""}function t(a){return a.replace(/&/g,"&amp;").replace(F,function(a){return"&#"+a.charCodeAt(0)+";"}).replace(/</g,"&lt;").replace(/>/g,"&gt;")}function u(a){var d=!1,b=g.bind(a,a.push);return{start:function(a,c,h){a=g.lowercase(a);!d&&q[a]&&(d=a);!d&&v[a]==
+!0&&(b("<"),b(a),g.forEach(c,function(a,c){var e=g.lowercase(c);if(G[e]==!0&&(w[e]!==!0||a.match(H)))b(" "),b(c),b('="'),b(t(a)),b('"')}),b(h?"/>":">"))},end:function(a){a=g.lowercase(a);!d&&v[a]==!0&&(b("</"),b(a),b(">"));a==d&&(d=!1)},chars:function(a){d||b(t(a))}}}var s=/^<\s*([\w:-]+)((?:\s+[\w:-]+(?:\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|[^>\s]+))?)*)\s*(\/?)\s*>/,r=/^<\s*\/\s*([\w:-]+)[^>]*>/,A=/([\w:-]+)(?:\s*=\s*(?:(?:"((?:[^"])*)")|(?:'((?:[^'])*)')|([^>\s]+)))?/g,C=/^</,B=/^<\s*\//,D=/<\!--(.*?)--\>/g,
+E=/<!\[CDATA\[(.*?)]]\>/g,H=/^((ftp|https?):\/\/|mailto:|#)/,F=/([^\#-~| |!])/g,p=i("area,br,col,hr,img,wbr"),x=i("colgroup,dd,dt,li,p,tbody,td,tfoot,th,thead,tr"),y=i("rp,rt"),o=g.extend({},y,x),m=g.extend({},x,i("address,article,aside,blockquote,caption,center,del,dir,div,dl,figure,figcaption,footer,h1,h2,h3,h4,h5,h6,header,hgroup,hr,ins,map,menu,nav,ol,pre,script,section,table,ul")),n=g.extend({},y,i("a,abbr,acronym,b,bdi,bdo,big,br,cite,code,del,dfn,em,font,i,img,ins,kbd,label,map,mark,q,ruby,rp,rt,s,samp,small,span,strike,strong,sub,sup,time,tt,u,var")),
+q=i("script,style"),v=g.extend({},p,m,n,o),w=i("background,cite,href,longdesc,src,usemap"),G=g.extend({},w,i("abbr,align,alt,axis,bgcolor,border,cellpadding,cellspacing,class,clear,color,cols,colspan,compact,coords,dir,face,headers,height,hreflang,hspace,ismap,lang,language,nohref,nowrap,rel,rev,rows,rowspan,rules,scope,scrolling,shape,span,start,summary,target,title,type,valign,value,vspace,width")),l=document.createElement("pre");g.module("ngSanitize",[]).value("$sanitize",function(a){var d=[];
+z(a,u(d));return d.join("")});g.module("ngSanitize").directive("ngBindHtml",["$sanitize",function(a){return function(d,b,e){b.addClass("ng-binding").data("$binding",e.ngBindHtml);d.$watch(e.ngBindHtml,function(c){c=a(c);b.html(c||"")})}}]);g.module("ngSanitize").filter("linky",function(){var a=/((ftp|https?):\/\/|(mailto:)?[A-Za-z0-9._%+-]+@)\S*[^\s\.\;\,\(\)\{\}\<\>]/,d=/^mailto:/;return function(b){if(!b)return b;for(var e=b,c=[],h=u(c),f,g;b=e.match(a);)f=b[0],b[2]==b[3]&&(f="mailto:"+f),g=b.index,
+h.chars(e.substr(0,g)),h.start("a",{href:f}),h.chars(b[0].replace(d,"")),h.end("a"),e=e.substring(g+b[0].length);h.chars(e);return c.join("")}})})(window,window.angular);

data/vendor/assets/ui_alchemy/angular-sanitize/component.json

@@ -0,0 +1,17 @@
+{
+  "name": "angular-sanitize",
+  "version": "1.0.6",
+  "main": "./angular-sanitize.js",
+  "dependencies": {
+    "angular": "1.0.6"
+  },
+  "gitHead": "44fa1f93ff18a826caf00c9a726aa20b330e9577",
+  "readme": "bower-angular-sanitize\n======================\n\nangular-sanitize bower repo",
+  "readmeFilename": "README.md",
+  "_id": "angular-sanitize@1.0.6",
+  "description": "bower-angular-sanitize ======================",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/angular/bower-angular-sanitize.git"
+  }
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ui_alchemy-rails
 version: !ruby/object:Gem::Version
-  version: 1.0.5
+  version: 1.0.6
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-04-11 00:00:00.000000000 Z
+date: 2013-04-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -217,6 +217,10 @@ files:
 - vendor/assets/ui_alchemy/alchemy-tables/alchemy-tables.js
 - vendor/assets/ui_alchemy/alchemy-tables/component.json
 - vendor/assets/ui_alchemy/alchemy-tables/alchemy-tables.css
+- vendor/assets/ui_alchemy/angular-sanitize/angular-sanitize.js
+- vendor/assets/ui_alchemy/angular-sanitize/component.json
+- vendor/assets/ui_alchemy/angular-sanitize/angular-sanitize.min.js
+- vendor/assets/ui_alchemy/angular-sanitize/README.md
 - vendor/assets/ui_alchemy/alchemy-forms/_forms_ie.scss
 - vendor/assets/ui_alchemy/alchemy-forms/_forms_responsive.scss
 - vendor/assets/ui_alchemy/alchemy-forms/_forms_mixins.scss
@@ -237,6 +241,10 @@ files:
 - vendor/assets/ui_alchemy/alchemy/component.json
 - vendor/assets/ui_alchemy/alchemy/alchemy.css
 - vendor/assets/ui_alchemy/alchemy/alchemy.scss
+- vendor/assets/ui_alchemy/alchemy-header/component.json
+- vendor/assets/ui_alchemy/alchemy-header/header.scss
+- vendor/assets/ui_alchemy/alchemy-header/alchemy-header.js
+- vendor/assets/ui_alchemy/alchemy-header/alchemy-header.css
 - vendor/assets/ui_alchemy/alchemy-buttons/buttons.scss
 - vendor/assets/ui_alchemy/alchemy-buttons/component.json
 - vendor/assets/ui_alchemy/alchemy-buttons/alchemy-buttons.css