From 2b33d20ae34a2d96fb0bfcac04afe7c04c59289e Mon Sep 17 00:00:00 2001
From: Andy Ardener <a.ardener@gmail.com>
Date: Mon, 10 Mar 2014 12:08:55 +0100
Subject: [PATCH 1/2] Minified the box-sizing.htc

Made a minified version of box-sizing.htc for those who like to keep
things a little more trimmer ;)
---
 boxsizing-min.htc | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 boxsizing-min.htc

diff --git a/boxsizing-min.htc b/boxsizing-min.htc
new file mode 100644
index 0000000..5f43a47
--- /dev/null
+++ b/boxsizing-min.htc
@@ -0,0 +1,20 @@
+/* @copyright 2012 Christian Schepp Schaefer*/
+<component lightWeight="true">
+<attach event="onpropertychange" onevent="checkPropertyChange()" />
+<attach event="ondetach" onevent="restore()" />
+<attach event="onresize" for="window" onevent="update()" />
+<script type="text/javascript">
+//<![CDATA[
+var c=element.document,d=!1;switch(element.nodeName){case "#comment":case "HTML":case "HEAD":case "TITLE":case "SCRIPT":case "STYLE":case "LINK":case "META":break;default:d=!0}function e(a){if(/^\d+(px)?$/i.test(a))return parseInt(a);var b=element.style.left,f=element.runtimeStyle.left;element.runtimeStyle.left=element.currentStyle.left;element.style.left=a||0;a=parseInt(element.style.pixelLeft);element.style.left=b;element.runtimeStyle.left=f;return a}
+function g(a,b){if(/^\d+(px)?$/i.test(b))return parseInt(b);if(/^[\d\.]+%$/i.test(b)){try{var f=g(a.parentElement,a.parentElement.currentStyle.paddingLeft),l=g(a.parentElement,a.parentElement.currentStyle.paddingRight),u=g(a.parentElement,a.parentElement.currentStyle.borderLeft),v=g(a.parentElement,a.parentElement.currentStyle.borderRight);b=parseFloat(b)/100*(a.parentElement.offsetWidth-f-l-u-v)}catch(t){b=parseFloat(b)/100*element.document.documentElement.clientWidth}return parseInt(b)}f=a.style.left;
+l=a.runtimeStyle.left;a.runtimeStyle.left=a.currentStyle.left;a.style.left=b||0;b=parseInt(a.style.pixelLeft);a.style.left=f;a.runtimeStyle.left=l;return b}
+function h(){var a=k,b=element;if(/^\d+(px)?$/i.test(a))return parseInt(a);if(/^[\d\.]+%$/i.test(a)){try{if("auto"!=b.parentElement.currentStyle.height){switch(b.parentElement.nodeName){default:if("auto"!==b.parentElement.currentStyle.height)var f=g(b.parentElement,b.parentElement.currentStyle.paddingTop),l=g(b.parentElement,b.parentElement.currentStyle.paddingBottom),u=g(b.parentElement,b.parentElement.currentStyle.borderTop),v=g(b.parentElement,b.parentElement.currentStyle.borderBottom),t=b.parentElement.offsetHeight-
+f-l-u-v,a=parseFloat(a)/100*t;else a="auto";break;case "HTML":t=element.document.documentElement.clientHeight,a="auto"!==t?parseFloat(a)/100*t:"auto"}"auto"!==a&&(a=parseInt(a))}else a="auto"}catch(B){a="auto"}return a}f=b.style.left;l=b.runtimeStyle.left;b.runtimeStyle.left=b.currentStyle.left;b.style.left=a||0;a=parseInt(b.style.pixelLeft);b.style.left=f;b.runtimeStyle.left=l;return a}
+function m(a){return"none"==element.currentStyle["border"+a+"Style"]?0:e(element.currentStyle["border"+a+"Width"])||0}function n(){return m("Left")}function p(){return m("Right")}function q(){return m("Bottom")}function r(a){return e(element.currentStyle["padding"+a])||0}function s(){return r("Left")}function w(){return r("Right")}function x(){return r("Bottom")}
+function y(){var a=element.style,b=element.currentStyle;return"undefined"!=typeof a.boxSizing&&""!=a.boxSizing?a.boxSizing:"undefined"!=typeof a["box-sizing"]&&""!=a["box-sizing"]?a["box-sizing"]:"undefined"!=typeof b.boxSizing&&""!=b.boxSizing?b.boxSizing:"undefined"!=typeof b["box-sizing"]&&""!=b["box-sizing"]?b["box-sizing"]:z()}function z(){return null===c.compatMode||"BackCompat"===c.compatMode?"border-box":"content-box"}
+if(d){if(z()!=y()){var A=element.currentStyle.width;"auto"!=A&&(A=g(element,A),element.runtimeStyle.width="border-box"==y()?Math.max(0,parseInt(A)-n()-s()-w()-p())+"px":Math.max(0,parseInt(A)+n()+s()+w()+p())+"px");A=element.currentStyle.minWidth;"none"!=A&&(A=g(element,A),element.runtimeStyle.minWidth="border-box"==y()?Math.max(0,parseInt(A)-n()-s()-w()-p())+"px":Math.max(0,parseInt(A)+n()+s()+w()+p())+"px");A=element.currentStyle.maxWidth;"none"!=A&&(A=g(element,A),element.runtimeStyle.maxWidth=
+"border-box"==y()?Math.max(0,parseInt(A)-n()-s()-w()-p())+"px":Math.max(0,parseInt(A)+n()+s()+w()+p())+"px")}if(z()!=y()){var k=element.currentStyle.height;"auto"!=k&&(k=h(),"auto"!==k&&(element.runtimeStyle.height="border-box"==y()?Math.max(0,parseInt(k)-m("Top")-r("Top")-x()-q())+"px":Math.max(0,parseInt(k)+m("Top")+r("Top")+x()+q())+"px"));k=element.currentStyle.minHeight;"none"!=k&&(k=h(),"none"!==k&&(element.runtimeStyle.minHeight="border-box"==y()?Math.max(0,parseInt(k)-m("Top")-r("Top")-x()-
+q())+"px":Math.max(0,parseInt(k)+m("Top")+r("Top")+x()+q())+"px"));k=element.currentStyle.maxHeight;"none"!=k&&(k=h(),"none"!==k&&(element.runtimeStyle.maxHeight="border-box"==y()?Math.max(0,parseInt(k)-m("Top")-r("Top")-x()-q())+"px":Math.max(0,parseInt(k)+m("Top")+r("Top")+x()+q())+"px"))}};
+//]]>
+</script>
+</component>

From 8de6c90d391b55877f9e91445f52e03aa12c5509 Mon Sep 17 00:00:00 2001
From: Andy Ardener <a.ardener@gmail.com>
Date: Thu, 13 Mar 2014 13:32:26 +0100
Subject: [PATCH 2/2] Update boxsizing-min.htc

Was a bit too compress, lost globals :D
---
 boxsizing-min.htc | 30 ++++++++++++++++++++----------
 1 file changed, 20 insertions(+), 10 deletions(-)

diff --git a/boxsizing-min.htc b/boxsizing-min.htc
index 5f43a47..c5ce222 100644
--- a/boxsizing-min.htc
+++ b/boxsizing-min.htc
@@ -5,16 +5,26 @@
 <attach event="onresize" for="window" onevent="update()" />
 <script type="text/javascript">
 //<![CDATA[
-var c=element.document,d=!1;switch(element.nodeName){case "#comment":case "HTML":case "HEAD":case "TITLE":case "SCRIPT":case "STYLE":case "LINK":case "META":break;default:d=!0}function e(a){if(/^\d+(px)?$/i.test(a))return parseInt(a);var b=element.style.left,f=element.runtimeStyle.left;element.runtimeStyle.left=element.currentStyle.left;element.style.left=a||0;a=parseInt(element.style.pixelLeft);element.style.left=b;element.runtimeStyle.left=f;return a}
-function g(a,b){if(/^\d+(px)?$/i.test(b))return parseInt(b);if(/^[\d\.]+%$/i.test(b)){try{var f=g(a.parentElement,a.parentElement.currentStyle.paddingLeft),l=g(a.parentElement,a.parentElement.currentStyle.paddingRight),u=g(a.parentElement,a.parentElement.currentStyle.borderLeft),v=g(a.parentElement,a.parentElement.currentStyle.borderRight);b=parseFloat(b)/100*(a.parentElement.offsetWidth-f-l-u-v)}catch(t){b=parseFloat(b)/100*element.document.documentElement.clientWidth}return parseInt(b)}f=a.style.left;
-l=a.runtimeStyle.left;a.runtimeStyle.left=a.currentStyle.left;a.style.left=b||0;b=parseInt(a.style.pixelLeft);a.style.left=f;a.runtimeStyle.left=l;return b}
-function h(){var a=k,b=element;if(/^\d+(px)?$/i.test(a))return parseInt(a);if(/^[\d\.]+%$/i.test(a)){try{if("auto"!=b.parentElement.currentStyle.height){switch(b.parentElement.nodeName){default:if("auto"!==b.parentElement.currentStyle.height)var f=g(b.parentElement,b.parentElement.currentStyle.paddingTop),l=g(b.parentElement,b.parentElement.currentStyle.paddingBottom),u=g(b.parentElement,b.parentElement.currentStyle.borderTop),v=g(b.parentElement,b.parentElement.currentStyle.borderBottom),t=b.parentElement.offsetHeight-
-f-l-u-v,a=parseFloat(a)/100*t;else a="auto";break;case "HTML":t=element.document.documentElement.clientHeight,a="auto"!==t?parseFloat(a)/100*t:"auto"}"auto"!==a&&(a=parseInt(a))}else a="auto"}catch(B){a="auto"}return a}f=b.style.left;l=b.runtimeStyle.left;b.runtimeStyle.left=b.currentStyle.left;b.style.left=a||0;a=parseInt(b.style.pixelLeft);b.style.left=f;b.runtimeStyle.left=l;return a}
-function m(a){return"none"==element.currentStyle["border"+a+"Style"]?0:e(element.currentStyle["border"+a+"Width"])||0}function n(){return m("Left")}function p(){return m("Right")}function q(){return m("Bottom")}function r(a){return e(element.currentStyle["padding"+a])||0}function s(){return r("Left")}function w(){return r("Right")}function x(){return r("Bottom")}
-function y(){var a=element.style,b=element.currentStyle;return"undefined"!=typeof a.boxSizing&&""!=a.boxSizing?a.boxSizing:"undefined"!=typeof a["box-sizing"]&&""!=a["box-sizing"]?a["box-sizing"]:"undefined"!=typeof b.boxSizing&&""!=b.boxSizing?b.boxSizing:"undefined"!=typeof b["box-sizing"]&&""!=b["box-sizing"]?b["box-sizing"]:z()}function z(){return null===c.compatMode||"BackCompat"===c.compatMode?"border-box":"content-box"}
-if(d){if(z()!=y()){var A=element.currentStyle.width;"auto"!=A&&(A=g(element,A),element.runtimeStyle.width="border-box"==y()?Math.max(0,parseInt(A)-n()-s()-w()-p())+"px":Math.max(0,parseInt(A)+n()+s()+w()+p())+"px");A=element.currentStyle.minWidth;"none"!=A&&(A=g(element,A),element.runtimeStyle.minWidth="border-box"==y()?Math.max(0,parseInt(A)-n()-s()-w()-p())+"px":Math.max(0,parseInt(A)+n()+s()+w()+p())+"px");A=element.currentStyle.maxWidth;"none"!=A&&(A=g(element,A),element.runtimeStyle.maxWidth=
-"border-box"==y()?Math.max(0,parseInt(A)-n()-s()-w()-p())+"px":Math.max(0,parseInt(A)+n()+s()+w()+p())+"px")}if(z()!=y()){var k=element.currentStyle.height;"auto"!=k&&(k=h(),"auto"!==k&&(element.runtimeStyle.height="border-box"==y()?Math.max(0,parseInt(k)-m("Top")-r("Top")-x()-q())+"px":Math.max(0,parseInt(k)+m("Top")+r("Top")+x()+q())+"px"));k=element.currentStyle.minHeight;"none"!=k&&(k=h(),"none"!==k&&(element.runtimeStyle.minHeight="border-box"==y()?Math.max(0,parseInt(k)-m("Top")-r("Top")-x()-
-q())+"px":Math.max(0,parseInt(k)+m("Top")+r("Top")+x()+q())+"px"));k=element.currentStyle.maxHeight;"none"!=k&&(k=h(),"none"!==k&&(element.runtimeStyle.maxHeight="border-box"==y()?Math.max(0,parseInt(k)-m("Top")-r("Top")-x()-q())+"px":Math.max(0,parseInt(k)+m("Top")+r("Top")+x()+q())+"px"))}};
+var viewportwidth="undefined"!=typeof window.innerWidth?window.innerWidth:element.document.documentElement.clientWidth,doc=element.document,resizetimeout=null,apply=!1;switch(element.nodeName){case "#comment":case "HTML":case "HEAD":case "TITLE":case "SCRIPT":case "STYLE":case "LINK":case "META":break;default:apply=!0}function update(){null!==resizetimeout&&window.clearTimeout(resizetimeout);resizetimeout=window.setTimeout(function(){try{restore(),init()}catch(a){}resizetimeout=null},100)}
+function restore(){if(apply)try{element.runtimeStyle.removeAttribute("width"),element.runtimeStyle.removeAttribute("height")}catch(a){}}function init(){apply&&(updateBorderBoxWidth(),updateBorderBoxHeight())}
+function checkPropertyChange(){if(apply){var a=event.propertyName;"style.boxSizing"===a&&""===element.style.boxSizing&&(element.style.removeAttribute("boxSizing"),element.runtimeStyle.removeAttribute("boxSizing"),element.runtimeStyle.removeAttribute("width"),element.runtimeStyle.removeAttribute("height"));switch(a){case "style.width":case "style.minWidth":case "style.maxWidth":case "style.borderLeftWidth":case "style.borderLeftStyle":case "style.borderRightWidth":case "style.borderRightStyle":case "style.paddingLeft":case "style.paddingRight":updateBorderBoxWidth();
+break;case "style.height":case "style.minHeight":case "style.maxHeight":case "style.borderTopWidth":case "style.borderTopStyle":case "style.borderBottomWidth":case "style.borderBottomStyle":case "style.paddingTop":case "style.paddingBottom":updateBorderBoxHeight();break;case "className":case "style.boxSizing":updateBorderBoxWidth(),updateBorderBoxHeight()}}}
+function getPixelValue(a){if(/^\d+(px)?$/i.test(a))return parseInt(a);var b=element.style.left,c=element.runtimeStyle.left;element.runtimeStyle.left=element.currentStyle.left;element.style.left=a||0;a=parseInt(element.style.pixelLeft);element.style.left=b;element.runtimeStyle.left=c;return a}
+function getPixelWidth(a,b){if(/^\d+(px)?$/i.test(b))return parseInt(b);if(/^[\d\.]+%$/i.test(b)){try{var c=getPixelWidth(a.parentElement,a.parentElement.currentStyle.paddingLeft),d=getPixelWidth(a.parentElement,a.parentElement.currentStyle.paddingRight),f=getPixelWidth(a.parentElement,a.parentElement.currentStyle.borderLeft),g=getPixelWidth(a.parentElement,a.parentElement.currentStyle.borderRight),e=a.parentElement.offsetWidth-c-d-f-g;b=parseFloat(b)/100*e}catch(h){b=parseFloat(b)/100*element.document.documentElement.clientWidth}return parseInt(b)}c=
+a.style.left;d=a.runtimeStyle.left;a.runtimeStyle.left=a.currentStyle.left;a.style.left=b||0;b=parseInt(a.style.pixelLeft);a.style.left=c;a.runtimeStyle.left=d;return b}
+function getPixelHeight(a,b){if(/^\d+(px)?$/i.test(b))return parseInt(b);if(/^[\d\.]+%$/i.test(b)){try{if("auto"!=a.parentElement.currentStyle.height){switch(a.parentElement.nodeName){default:if("auto"!==a.parentElement.currentStyle.height){var c=getPixelWidth(a.parentElement,a.parentElement.currentStyle.paddingTop),d=getPixelWidth(a.parentElement,a.parentElement.currentStyle.paddingBottom),f=getPixelWidth(a.parentElement,a.parentElement.currentStyle.borderTop),g=getPixelWidth(a.parentElement,a.parentElement.currentStyle.borderBottom),
+e=a.parentElement.offsetHeight-c-d-f-g;b=parseFloat(b)/100*e}else b="auto";break;case "HTML":e=element.document.documentElement.clientHeight,b="auto"!==e?parseFloat(b)/100*e:"auto"}"auto"!==b&&(b=parseInt(b))}else b="auto"}catch(h){b="auto"}return b}c=a.style.left;d=a.runtimeStyle.left;a.runtimeStyle.left=a.currentStyle.left;a.style.left=b||0;b=parseInt(a.style.pixelLeft);a.style.left=c;a.runtimeStyle.left=d;return b}
+function getBorderWidth(a){return"none"==element.currentStyle["border"+a+"Style"]?0:getPixelValue(element.currentStyle["border"+a+"Width"])||0}function getBorderLeftWidth(){return getBorderWidth("Left")}function getBorderRightWidth(){return getBorderWidth("Right")}function getBorderTopWidth(){return getBorderWidth("Top")}function getBorderBottomWidth(){return getBorderWidth("Bottom")}function getPadding(a){return getPixelValue(element.currentStyle["padding"+a])||0}
+function getPaddingLeft(){return getPadding("Left")}function getPaddingRight(){return getPadding("Right")}function getPaddingTop(){return getPadding("Top")}function getPaddingBottom(){return getPadding("Bottom")}
+function getBoxSizing(){var a=element.style,b=element.currentStyle;return"undefined"!=typeof a.boxSizing&&""!=a.boxSizing?a.boxSizing:"undefined"!=typeof a["box-sizing"]&&""!=a["box-sizing"]?a["box-sizing"]:"undefined"!=typeof b.boxSizing&&""!=b.boxSizing?b.boxSizing:"undefined"!=typeof b["box-sizing"]&&""!=b["box-sizing"]?b["box-sizing"]:getDocumentBoxSizing()}function getDocumentBoxSizing(){return null===doc.compatMode||"BackCompat"===doc.compatMode?"border-box":"content-box"}
+function setBorderBoxWidth(a){element.runtimeStyle.width=Math.max(0,a-getBorderLeftWidth()-getPaddingLeft()-getPaddingRight()-getBorderRightWidth())+"px"}function setBorderBoxMinWidth(a){element.runtimeStyle.minWidth=Math.max(0,a-getBorderLeftWidth()-getPaddingLeft()-getPaddingRight()-getBorderRightWidth())+"px"}function setBorderBoxMaxWidth(a){element.runtimeStyle.maxWidth=Math.max(0,a-getBorderLeftWidth()-getPaddingLeft()-getPaddingRight()-getBorderRightWidth())+"px"}
+function setBorderBoxHeight(a){element.runtimeStyle.height=Math.max(0,a-getBorderTopWidth()-getPaddingTop()-getPaddingBottom()-getBorderBottomWidth())+"px"}function setBorderBoxMinHeight(a){element.runtimeStyle.minHeight=Math.max(0,a-getBorderTopWidth()-getPaddingTop()-getPaddingBottom()-getBorderBottomWidth())+"px"}function setBorderBoxMaxHeight(a){element.runtimeStyle.maxHeight=Math.max(0,a-getBorderTopWidth()-getPaddingTop()-getPaddingBottom()-getBorderBottomWidth())+"px"}
+function setContentBoxWidth(a){element.runtimeStyle.width=Math.max(0,a+getBorderLeftWidth()+getPaddingLeft()+getPaddingRight()+getBorderRightWidth())+"px"}function setContentBoxMinWidth(a){element.runtimeStyle.minWidth=Math.max(0,a+getBorderLeftWidth()+getPaddingLeft()+getPaddingRight()+getBorderRightWidth())+"px"}function setContentBoxMaxWidth(a){element.runtimeStyle.maxWidth=Math.max(0,a+getBorderLeftWidth()+getPaddingLeft()+getPaddingRight()+getBorderRightWidth())+"px"}
+function setContentBoxHeight(a){element.runtimeStyle.height=Math.max(0,a+getBorderTopWidth()+getPaddingTop()+getPaddingBottom()+getBorderBottomWidth())+"px"}function setContentBoxMinHeight(a){element.runtimeStyle.minHeight=Math.max(0,a+getBorderTopWidth()+getPaddingTop()+getPaddingBottom()+getBorderBottomWidth())+"px"}function setContentBoxMaxHeight(a){element.runtimeStyle.maxHeight=Math.max(0,a+getBorderTopWidth()+getPaddingTop()+getPaddingBottom()+getBorderBottomWidth())+"px"}
+function updateBorderBoxWidth(){if(getDocumentBoxSizing()!=getBoxSizing()){var a=element.currentStyle.width;"auto"!=a&&(a=getPixelWidth(element,a),"border-box"==getBoxSizing()?setBorderBoxWidth(parseInt(a)):setContentBoxWidth(parseInt(a)));a=element.currentStyle.minWidth;"none"!=a&&(a=getPixelWidth(element,a),"border-box"==getBoxSizing()?setBorderBoxMinWidth(parseInt(a)):setContentBoxMinWidth(parseInt(a)));a=element.currentStyle.maxWidth;"none"!=a&&(a=getPixelWidth(element,a),"border-box"==getBoxSizing()?
+setBorderBoxMaxWidth(parseInt(a)):setContentBoxMaxWidth(parseInt(a)))}}
+function updateBorderBoxHeight(){if(getDocumentBoxSizing()!=getBoxSizing()){var a=element.currentStyle.height;"auto"!=a&&(a=getPixelHeight(element,a),"auto"!==a&&("border-box"==getBoxSizing()?setBorderBoxHeight(parseInt(a)):setContentBoxHeight(parseInt(a))));a=element.currentStyle.minHeight;"none"!=a&&(a=getPixelHeight(element,a),"none"!==a&&("border-box"==getBoxSizing()?setBorderBoxMinHeight(parseInt(a)):setContentBoxMinHeight(parseInt(a))));a=element.currentStyle.maxHeight;"none"!=a&&(a=getPixelHeight(element,
+a),"none"!==a&&("border-box"==getBoxSizing()?setBorderBoxMaxHeight(parseInt(a)):setContentBoxMaxHeight(parseInt(a))))}}init();
 //]]>
 </script>
 </component>