compass_formalize 0.0.1

data/templates/dojo/dojo.formalize.min.js

@@ -0,0 +1 @@
+var FORMALIZE=(function(f,b,g){var e="placeholder" in b.createElement("input");var c="autofocus" in b.createElement("input");var d="webkitAppearance" in b.createElement("select").style;var a=parseInt(dojo.isIE,10)===6;var h=parseInt(dojo.isIE,10)===7;return{go:function(){for(var j in FORMALIZE.init){FORMALIZE.init[j]();}},init:{detect_webkit:function(){if(!d){return;}dojo.query("html").addClass("is_webkit");},full_input_size:function(){if(!h||!dojo.query("textarea, input.input_full").length){return;}dojo.query("textarea, input.input_full").forEach(function(j){var k=j.cloneNode(false);var i=b.createElement("span");i.className="input_full_wrap";i.appendChild(k);j.parentNode.replaceChild(i,j);});},ie6_skin_inputs:function(){if(!a||!dojo.query("input, select, textarea").length){return;}var i=/button|submit|reset/;var j=/date|datetime|datetime-local|email|month|number|password|range|search|tel|text|time|url|week/;dojo.query("input").forEach(function(k){if(k.getAttribute("type").match(i)){dojo.addClass(k,"ie6_button");if(k.disabled){dojo.addClass(k,"ie6_button_disabled");}}else{if(k.getAttribute("type").match(j)){dojo.addClass(k,"ie6_input");if(k.disabled){dojo.addClass(k,"ie6_input_disabled");}}}});dojo.query("textarea, select").forEach(function(k){if(k.disabled){dojo.addClass(k,"ie6_input_disabled");}});},autofocus:function(){if(c||!dojo.query("[autofocus]").length){return;}dojo.query("[autofocus]")[0].focus();},placeholder:function(){if(e||!dojo.query("[placeholder]").length){return;}FORMALIZE.misc.add_placeholder();dojo.query("[placeholder]").forEach(function(i){dojo.connect(i,"onfocus",function(){var j=i.getAttribute("placeholder");if(i.value===j){i.value="";dojo.removeClass(i,"placeholder_text");}});dojo.connect(i,"onblur",function(){FORMALIZE.misc.add_placeholder();});});dojo.query("form").forEach(function(i){dojo.connect(i,"onsubmit",function(){dojo.query("[placeholder]",i).forEach(function(j){var k=j.getAttribute("placeholder");if(j.value===k){j.value="";dojo.removeClass(j,"placeholder_text");}});});dojo.connect(i,"onreset",function(){setTimeout(FORMALIZE.misc.add_placeholder,50);});});}},misc:{add_placeholder:function(){if(e||!dojo.query("[placeholder]").length){return;}dojo.query("[placeholder]").forEach(function(i){var j=i.getAttribute("placeholder");if(!i.value||i.value===j){i.value=j;dojo.addClass(i,"placeholder_text");}});}}};})(this,this.document);dojo.addOnLoad(function(){FORMALIZE.go();});

data/templates/dojo/manifest.rb

@@ -0,0 +1,37 @@
+# Make sure you list all the project template files here in the manifest.
+discover :all
+
+description "Teach your forms some manners."
+
+help %Q{
+  Please see the Formalize website for documentation:
+
+      http://formalize.me/
+}
+
+welcome_message %Q{
+
+  Formalize assets have been copied to the proper asset folders
+  based on your Compass configuration.
+
+  Usage:
+
+   If you're using SCSS syntax, in your stylesheet:
+
+     @import "formalize";
+
+   or if you're using indented syntax
+
+     @import "formalize"
+
+   In your HTML markup, include the JavaScript implementation of
+   your choice:
+
+   // a jQuery example
+   <script src="/javascripts/jquery.formalize.js"></script>
+
+  Please see the Formalize website for documentation:
+
+      http://formalize.me/
+}
+

data/templates/extjs/extjs.formalize.js

@@ -0,0 +1,168 @@
+//
+// Note: This file depends on the ExtJS 3.x library.
+//
+var FORMALIZE = (function(window, document, undefined) {
+  // Private constants.
+  var PLACEHOLDER_SUPPORTED = 'placeholder' in document.createElement('input');
+  var AUTOFOCUS_SUPPORTED = 'autofocus' in document.createElement('input');
+  var WEBKIT = 'webkitAppearance' in document.createElement('select').style;
+  var IE6 = Ext.isIE6;
+  var IE7 = Ext.isIE7;
+
+  // Expose innards of FORMALIZE.
+  return {
+    // FORMALIZE.go
+    go: function() {
+      for (var i in FORMALIZE.init) {
+        FORMALIZE.init[i]();
+      }
+    },
+    // FORMALIZE.init
+    init: {
+      // FORMALIZE.init.detect_webkit
+      detect_webkit: function() {
+        if (!WEBKIT) {
+          return;
+        }
+
+        // Tweaks for Safari + Chrome.
+        Ext.get(Ext.query('html')).addClass('is_webkit');
+      },
+      // FORMALIZE.init.full_input_size
+      full_input_size: function() {
+        if (!IE7 || !Ext.query('textarea, input.input_full')) {
+          return;
+        }
+
+        // This fixes width: 100% on <textarea> and class="input_full".
+        // It ensures that form elements don't go wider than container.
+        Ext.each(Ext.query('textarea, input.input_full'), function(el) {
+          Ext.get(el).wrap('<span class="input_full_wrap"></span>');
+        });
+      },
+      // FORMALIZE.init.ie6_skin_inputs
+      ie6_skin_inputs: function() {
+        // Test for Internet Explorer 6.
+        if (!IE6 || !Ext.query('input, select, textarea')) {
+          // Exit if the browser is not IE6,
+          // or if no form elements exist.
+          return;
+        }
+
+        // For <input type="submit" />, etc.
+        var button_regex = /button|submit|reset/;
+
+        // For <input type="text" />, etc.
+        var type_regex = /date|datetime|datetime-local|email|month|number|password|range|search|tel|text|time|url|week/;
+
+        Ext.each(Ext.query('input'), function(el) {
+          // Is it a button?
+          if (el.getAttribute('type').match(button_regex)) {
+            Ext.get(el).addClass('ie6_button');
+
+            /* Is it disabled? */
+            if (el.disabled) {
+              Ext.get(el).addClass('ie6_button_disabled');
+            }
+          }
+          // Or is it a textual input?
+          else if (el.getAttribute('type').match(type_regex)) {
+            Ext.get(el).addClass('ie6_input');
+
+            /* Is it disabled? */
+            if (el.disabled) {
+              Ext.get(el).addClass('ie6_input_disabled');
+            }
+          }
+        });
+
+        Ext.each(Ext.query('textarea, select'), function(el) {
+          /* Is it disabled? */
+          if (el.disabled) {
+            Ext.get(el).addClass('ie6_input_disabled');
+          }
+        });
+      },
+      // FORMALIZE.init.autofocus
+      autofocus: function() {
+        if (AUTOFOCUS_SUPPORTED || !Ext.query('[autofocus]')) {
+          return;
+        }
+
+        Ext.query('[autofocus]')[0].focus();
+      },
+      // FORMALIZE.init.placeholder
+      placeholder: function() {
+        if (PLACEHOLDER_SUPPORTED || !Ext.query('[placeholder]')) {
+          // Exit if placeholder is supported natively,
+          // or if page does not have any placeholder.
+          return;
+        }
+
+        FORMALIZE.misc.add_placeholder();
+
+        Ext.each(Ext.query('[placeholder]'), function(el) {
+          var text = el.getAttribute('placeholder');
+          var form = Ext.get(el).parent('form');
+
+          function add_placeholder() {
+            if (!el.value || el.value === text) {
+              el.value = text;
+              Ext.get(el).addClass('placeholder_text');
+            }
+          }
+
+          Ext.get(el).on('focus', function() {
+            if (el.value === text) {
+              el.value = '';
+              Ext.get(el).removeClass('placeholder_text');
+            }
+          });
+
+          Ext.get(el).on('blur', function() {
+            FORMALIZE.misc.add_placeholder();
+          });
+
+          // Prevent <form> from accidentally
+          // submitting the placeholder text.
+          form.on('submit', function() {
+            if (el.value === text) {
+              el.value = '';
+              Ext.get(el).removeClass('placeholder_text');
+            }
+          });
+
+          form.on('reset', function() {
+            setTimeout(FORMALIZE.misc.add_placeholder, 50);
+          });
+        });
+      }
+    },
+    // FORMALIZE.misc
+    misc: {
+      // FORMALIZE.misc.add_placeholder
+      add_placeholder: function() {
+        if (PLACEHOLDER_SUPPORTED || !Ext.query('[placeholder]')) {
+          // Exit if placeholder is supported natively,
+          // or if page does not have any placeholder.
+          return;
+        }
+
+        Ext.each(Ext.query('[placeholder]'), function(el) {
+          var text = el.getAttribute('placeholder');
+
+          if (!el.value || el.value === text) {
+            el.value = text;
+            Ext.get(el).addClass('placeholder_text');
+          }
+        });
+      }
+    }
+  };
+// Alias window, document.
+})(this, this.document);
+
+// Automatically calls all functions in FORMALIZE.init
+Ext.onReady(function() {
+  FORMALIZE.go();
+});

data/templates/extjs/extjs.formalize.min.js

@@ -0,0 +1 @@
+var FORMALIZE=(function(f,b,g){var e="placeholder" in b.createElement("input");var c="autofocus" in b.createElement("input");var d="webkitAppearance" in b.createElement("select").style;var a=Ext.isIE6;var h=Ext.isIE7;return{go:function(){for(var j in FORMALIZE.init){FORMALIZE.init[j]();}},init:{detect_webkit:function(){if(!d){return;}Ext.get(Ext.query("html")).addClass("is_webkit");},full_input_size:function(){if(!h||!Ext.query("textarea, input.input_full")){return;}Ext.each(Ext.query("textarea, input.input_full"),function(i){Ext.get(i).wrap('<span class="input_full_wrap"></span>');});},ie6_skin_inputs:function(){if(!a||!Ext.query("input, select, textarea")){return;}var i=/button|submit|reset/;var j=/date|datetime|datetime-local|email|month|number|password|range|search|tel|text|time|url|week/;Ext.each(Ext.query("input"),function(k){if(k.getAttribute("type").match(i)){Ext.get(k).addClass("ie6_button");if(k.disabled){Ext.get(k).addClass("ie6_button_disabled");}}else{if(k.getAttribute("type").match(j)){Ext.get(k).addClass("ie6_input");if(k.disabled){Ext.get(k).addClass("ie6_input_disabled");}}}});Ext.each(Ext.query("textarea, select"),function(k){if(k.disabled){Ext.get(k).addClass("ie6_input_disabled");}});},autofocus:function(){if(c||!Ext.query("[autofocus]")){return;}Ext.query("[autofocus]")[0].focus();},placeholder:function(){if(e||!Ext.query("[placeholder]")){return;}FORMALIZE.misc.add_placeholder();Ext.each(Ext.query("[placeholder]"),function(j){var l=j.getAttribute("placeholder");var k=Ext.get(j).parent("form");function i(){if(!j.value||j.value===l){j.value=l;Ext.get(j).addClass("placeholder_text");}}Ext.get(j).on("focus",function(){if(j.value===l){j.value="";Ext.get(j).removeClass("placeholder_text");}});Ext.get(j).on("blur",function(){FORMALIZE.misc.add_placeholder();});k.on("submit",function(){if(j.value===l){j.value="";Ext.get(j).removeClass("placeholder_text");}});k.on("reset",function(){setTimeout(FORMALIZE.misc.add_placeholder,50);});});}},misc:{add_placeholder:function(){if(e||!Ext.query("[placeholder]")){return;}Ext.each(Ext.query("[placeholder]"),function(i){var j=i.getAttribute("placeholder");if(!i.value||i.value===j){i.value=j;Ext.get(i).addClass("placeholder_text");}});}}};})(this,this.document);Ext.onReady(function(){FORMALIZE.go();});

data/templates/extjs/manifest.rb

@@ -0,0 +1,37 @@
+# Make sure you list all the project template files here in the manifest.
+discover :all
+
+description "Teach your forms some manners."
+
+help %Q{
+  Please see the Formalize website for documentation:
+
+      http://formalize.me/
+}
+
+welcome_message %Q{
+
+  Formalize assets have been copied to the proper asset folders
+  based on your Compass configuration.
+
+  Usage:
+
+   If you're using SCSS syntax, in your stylesheet:
+
+     @import "formalize";
+
+   or if you're using indented syntax
+
+     @import "formalize"
+
+   In your HTML markup, include the JavaScript implementation of
+   your choice:
+
+   // a jQuery example
+   <script src="/javascripts/jquery.formalize.js"></script>
+
+  Please see the Formalize website for documentation:
+
+      http://formalize.me/
+}
+

data/templates/jquery/jquery.formalize.js

@@ -0,0 +1,158 @@
+//
+// Note: This file depends on the jQuery library.
+//
+
+// Module pattern:
+// http://yuiblog.com/blog/2007/06/12/module-pattern/
+var FORMALIZE = (function($, window, document, undefined) {
+  // Private constants.
+  var PLACEHOLDER_SUPPORTED = 'placeholder' in document.createElement('input');
+  var AUTOFOCUS_SUPPORTED = 'autofocus' in document.createElement('input');
+  var WEBKIT = 'webkitAppearance' in document.createElement('select').style;
+  var IE6 = !!($.browser.msie && parseInt($.browser.version, 10) === 6);
+  var IE7 = !!($.browser.msie && parseInt($.browser.version, 10) === 7);
+
+  // Expose innards of FORMALIZE.
+  return {
+    // FORMALIZE.go
+    go: function() {
+      for (var i in FORMALIZE.init) {
+        FORMALIZE.init[i]();
+      }
+    },
+    // FORMALIZE.init
+    init: {
+      // FORMALIZE.init.detect_webkit
+      detect_webkit: function() {
+        if (!WEBKIT) {
+          return;
+        }
+
+        // Tweaks for Safari + Chrome.
+        $('html').addClass('is_webkit');
+      },
+      // FORMALIZE.init.full_input_size
+      full_input_size: function() {
+        if (!IE7 || !$('textarea, input.input_full').length) {
+          return;
+        }
+
+        // This fixes width: 100% on <textarea> and class="input_full".
+        // It ensures that form elements don't go wider than container.
+        $('textarea, input.input_full').wrap('<span class="input_full_wrap"></span>');
+      },
+      // FORMALIZE.init.ie6_skin_inputs
+      ie6_skin_inputs: function() {
+        // Test for Internet Explorer 6.
+        if (!IE6 || !$('input, select, textarea').length) {
+          // Exit if the browser is not IE6,
+          // or if no form elements exist.
+          return;
+        }
+
+        // For <input type="submit" />, etc.
+        var button_regex = /button|submit|reset/;
+
+        // For <input type="text" />, etc.
+        var type_regex = /date|datetime|datetime-local|email|month|number|password|range|search|tel|text|time|url|week/;
+
+        $('input').each(function() {
+          var el = $(this);
+
+          // Is it a button?
+          if (this.getAttribute('type').match(button_regex)) {
+            el.addClass('ie6_button');
+
+            /* Is it disabled? */
+            if (this.disabled) {
+              el.addClass('ie6_button_disabled');
+            }
+          }
+          // Or is it a textual input?
+          else if (this.getAttribute('type').match(type_regex)) {
+            el.addClass('ie6_input');
+
+            /* Is it disabled? */
+            if (this.disabled) {
+              el.addClass('ie6_input_disabled');
+            }
+          }
+        });
+
+        $('textarea, select').each(function() {
+          /* Is it disabled? */
+          if (this.disabled) {
+            $(this).addClass('ie6_input_disabled');
+          }
+        });
+      },
+      // FORMALIZE.init.autofocus
+      autofocus: function() {
+        if (AUTOFOCUS_SUPPORTED || !$(':input[autofocus]').length) {
+          return;
+        }
+
+        $(':input[autofocus]:visible:first').focus();
+      },
+      // FORMALIZE.init.placeholder
+      placeholder: function() {
+        if (PLACEHOLDER_SUPPORTED || !$(':input[placeholder]').length) {
+          // Exit if placeholder is supported natively,
+          // or if page does not have any placeholder.
+          return;
+        }
+
+        FORMALIZE.misc.add_placeholder();
+
+        $(':input[placeholder]').each(function() {
+          var el = $(this);
+          var text = el.attr('placeholder');
+
+          el.focus(function() {
+            if (el.val() === text) {
+              el.val('').removeClass('placeholder_text');
+            }
+          }).blur(function() {
+            FORMALIZE.misc.add_placeholder();
+          });
+
+          // Prevent <form> from accidentally
+          // submitting the placeholder text.
+          el.closest('form').submit(function() {
+            if (el.val() === text) {
+              el.val('').removeClass('placeholder_text');
+            }
+          }).bind('reset', function() {
+            setTimeout(FORMALIZE.misc.add_placeholder, 50);
+          });
+        });
+      }
+    },
+    // FORMALIZE.misc
+    misc: {
+      // FORMALIZE.misc.add_placeholder
+      add_placeholder: function() {
+        if (PLACEHOLDER_SUPPORTED || !$(':input[placeholder]').length) {
+          // Exit if placeholder is supported natively,
+          // or if page does not have any placeholder.
+          return;
+        }
+
+        $(':input[placeholder]').each(function() {
+          var el = $(this);
+          var text = el.attr('placeholder');
+
+          if (!el.val() || el.val() === text) {
+            el.val(text).addClass('placeholder_text');
+          }
+        });
+      }
+    }
+  };
+// Alias jQuery, window, document.
+})(jQuery, this, this.document);
+
+// Automatically calls all functions in FORMALIZE.init
+jQuery(document).ready(function() {
+  FORMALIZE.go();
+});

data/templates/jquery/jquery.formalize.min.js

@@ -0,0 +1 @@
+var FORMALIZE=(function(b,e,f,a){var h="placeholder" in f.createElement("input");var i="autofocus" in f.createElement("input");var g="webkitAppearance" in f.createElement("select").style;var d=!!(b.browser.msie&&parseInt(b.browser.version,10)===6);var c=!!(b.browser.msie&&parseInt(b.browser.version,10)===7);return{go:function(){for(var j in FORMALIZE.init){FORMALIZE.init[j]();}},init:{detect_webkit:function(){if(!g){return;}b("html").addClass("is_webkit");},full_input_size:function(){if(!c||!b("textarea, input.input_full").length){return;}b("textarea, input.input_full").wrap('<span class="input_full_wrap"></span>');},ie6_skin_inputs:function(){if(!d||!b("input, select, textarea").length){return;}var j=/button|submit|reset/;var k=/date|datetime|datetime-local|email|month|number|password|range|search|tel|text|time|url|week/;b("input").each(function(){var l=b(this);if(this.getAttribute("type").match(j)){l.addClass("ie6_button");if(this.disabled){l.addClass("ie6_button_disabled");}}else{if(this.getAttribute("type").match(k)){l.addClass("ie6_input");if(this.disabled){l.addClass("ie6_input_disabled");}}}});b("textarea, select").each(function(){if(this.disabled){b(this).addClass("ie6_input_disabled");}});},autofocus:function(){if(i||!b(":input[autofocus]").length){return;}b(":input[autofocus]:visible:first").focus();},placeholder:function(){if(h||!b(":input[placeholder]").length){return;}FORMALIZE.misc.add_placeholder();b(":input[placeholder]").each(function(){var j=b(this);var k=j.attr("placeholder");j.focus(function(){if(j.val()===k){j.val("").removeClass("placeholder_text");}}).blur(function(){FORMALIZE.misc.add_placeholder();});j.closest("form").submit(function(){if(j.val()===k){j.val("").removeClass("placeholder_text");}}).bind("reset",function(){setTimeout(FORMALIZE.misc.add_placeholder,50);});});}},misc:{add_placeholder:function(){if(h||!b(":input[placeholder]").length){return;}b(":input[placeholder]").each(function(){var j=b(this);var k=j.attr("placeholder");if(!j.val()||j.val()===k){j.val(k).addClass("placeholder_text");}});}}};})(jQuery,this,this.document);jQuery(document).ready(function(){FORMALIZE.go();});

data/templates/jquery/manifest.rb

@@ -0,0 +1,37 @@
+# Make sure you list all the project template files here in the manifest.
+discover :all
+
+description "Teach your forms some manners."
+
+help %Q{
+  Please see the Formalize website for documentation:
+
+      http://formalize.me/
+}
+
+welcome_message %Q{
+
+  Formalize assets have been copied to the proper asset folders
+  based on your Compass configuration.
+
+  Usage:
+
+   If you're using SCSS syntax, in your stylesheet:
+
+     @import "formalize";
+
+   or if you're using indented syntax
+
+     @import "formalize"
+
+   In your HTML markup, include the JavaScript implementation of
+   your choice:
+
+   // a jQuery example
+   <script src="/javascripts/jquery.formalize.js"></script>
+
+  Please see the Formalize website for documentation:
+
+      http://formalize.me/
+}
+