diff options
Diffstat (limited to 'js/yui3/resize-constrain')
-rw-r--r-- | js/yui3/resize-constrain/assets/resize-base-core.css | 247 | ||||
-rw-r--r-- | js/yui3/resize-constrain/assets/skins/night/arrows.png | bin | 0 -> 258 bytes | |||
-rw-r--r-- | js/yui3/resize-constrain/assets/skins/night/resize-base-skin.css | 52 | ||||
-rw-r--r-- | js/yui3/resize-constrain/assets/skins/sam/arrows.png | bin | 0 -> 258 bytes | |||
-rw-r--r-- | js/yui3/resize-constrain/assets/skins/sam/resize-base-skin.css | 52 | ||||
-rw-r--r-- | js/yui3/resize-constrain/resize-constrain-min.js | 7 |
6 files changed, 358 insertions, 0 deletions
diff --git a/js/yui3/resize-constrain/assets/resize-base-core.css b/js/yui3/resize-constrain/assets/resize-base-core.css new file mode 100644 index 000000000..5b4676972 --- /dev/null +++ b/js/yui3/resize-constrain/assets/resize-base-core.css @@ -0,0 +1,247 @@ +/* +YUI 3.7.3 (build 5687) +Copyright 2012 Yahoo! Inc. All rights reserved. +Licensed under the BSD License. +http://yuilibrary.com/license/ +*/ +.yui3-resize,.yui3-resize-wrapper { + z-index: 0; + zoom: 1; +} + +.yui3-resize-handle { + position: absolute; + display: block; + z-index: 100; + zoom: 1; +} + +.yui3-resize-proxy { + position: absolute; + border: 1px dashed #000; + position: absolute; + z-index: 10000; +} + +.yui3-resize-hidden-handles .yui3-resize-handle { + opacity: 0; + filter: alpha(opacity=0); +} + +.yui3-resize-handle-t, +.yui3-resize-handle-b { + width: 100%; + left: 0; + height: 6px; +} + +.yui3-resize-handle-l, +.yui3-resize-handle-r { + height: 100%; + top: 0; + width: 6px; +} + +.yui3-resize-handle-t { + cursor: n-resize; + top: 0; +} + +.yui3-resize-handle-b { + cursor: s-resize; + bottom: 0; +} + +.yui3-resize-handle-l { + cursor: w-resize; + left: 0; +} + +.yui3-resize-handle-r { + cursor: e-resize; + right: 0; +} + +.yui3-resize-handle-inner { + position: absolute; + zoom: 1; +} + +/* Smartphones (portrait and landscape) ----------- +Adding larger hit-area ':after' objects to handles +*/ +@media only screen +and (min-device-width : 320px) +and (max-device-width : 480px) { +/* Styles */ + .yui3-resize-handle-inner:after { + content: ""; + width: 40px; + height: 40px; + position: absolute; + } + + .yui3-resize-handle-inner-r, + .yui3-resize-handle-inner-l, + .yui3-resize-handle-inner-t, + .yui3-resize-handle-inner-b, + .yui3-resize-handle-inner-tr, + .yui3-resize-handle-inner-br, + .yui3-resize-handle-inner-tl, + .yui3-resize-handle-inner-bl { + overflow: visible !important; + } + + .yui3-resize-handle-inner-r:after { + top: -12px; + right: 0; + } + .yui3-resize-handle-inner-l:after { + top: -12px; + left: 0; + } + .yui3-resize-handle-inner-t:after { + top: 0; + left: -12px; + } + .yui3-resize-handle-inner-b:after { + bottom: 0; + left: -12px; + } + .yui3-resize-handle-inner-tr:after { + top: 0; + right: 0; + } + .yui3-resize-handle-inner-br:after { + bottom: 0; + right: 0; + } + .yui3-resize-handle-inner-tl:after { + top: 0; + left: 0; + } + .yui3-resize-handle-inner-bl:after { + bottom: 0; + left: 0; + } +} + +/* iPads (portrait and landscape) ----------- +Adding larger hit-area ':after' objects to handles +*/ +@media only screen +and (min-device-width : 768px) +and (max-device-width : 1024px) { +/* Styles */ + .yui3-resize-handle-inner:after { + content: ""; + width: 30px; + height: 30px; + position: absolute; + } + + .yui3-resize-handle-inner-r, + .yui3-resize-handle-inner-l, + .yui3-resize-handle-inner-t, + .yui3-resize-handle-inner-b, + .yui3-resize-handle-inner-tr, + .yui3-resize-handle-inner-br, + .yui3-resize-handle-inner-tl, + .yui3-resize-handle-inner-bl { + overflow: visible !important; + } + + .yui3-resize-handle-inner-r:after { + top: -6px; + right: 0; + } + .yui3-resize-handle-inner-l:after { + top: -6px; + left: 0; + } + .yui3-resize-handle-inner-t:after { + top: 0; + left: -6px; + } + .yui3-resize-handle-inner-b:after { + bottom: 0; + left: -6px; + } + .yui3-resize-handle-inner-tr:after { + top: 0; + right: 0; + } + .yui3-resize-handle-inner-br:after { + bottom: 0; + right: 0; + } + .yui3-resize-handle-inner-tl:after { + top: 0; + left: 0; + } + .yui3-resize-handle-inner-bl:after { + bottom: 0; + left: 0; + } +} + +.yui3-resize-handle-inner-t, +.yui3-resize-handle-inner-b { + margin-left: -8px; + left: 50%; +} + +.yui3-resize-handle-inner-l, +.yui3-resize-handle-inner-r { + margin-top: -8px; + top: 50%; +} + +.yui3-resize-handle-inner-t { + top: -4px; +} + +.yui3-resize-handle-inner-b { + bottom: -4px; +} + +.yui3-resize-handle-inner-l { + left: -4px; +} + +.yui3-resize-handle-inner-r { + right: -4px; +} + +.yui3-resize-handle-tr, +.yui3-resize-handle-br, +.yui3-resize-handle-tl, +.yui3-resize-handle-bl { + height: 15px; + width: 15px; + z-index: 200; +} + +.yui3-resize-handle-tr { + cursor: ne-resize; + top: 0; + right: 0; +} + +.yui3-resize-handle-tl { + cursor: nw-resize; + top: 0; + left: 0; +} + +.yui3-resize-handle-br { + cursor: se-resize; + bottom: 0; + right: 0; +} + +.yui3-resize-handle-bl { + cursor: sw-resize; + bottom: 0; + left: 0; +}
\ No newline at end of file diff --git a/js/yui3/resize-constrain/assets/skins/night/arrows.png b/js/yui3/resize-constrain/assets/skins/night/arrows.png Binary files differnew file mode 100644 index 000000000..2942681f4 --- /dev/null +++ b/js/yui3/resize-constrain/assets/skins/night/arrows.png diff --git a/js/yui3/resize-constrain/assets/skins/night/resize-base-skin.css b/js/yui3/resize-constrain/assets/skins/night/resize-base-skin.css new file mode 100644 index 000000000..e0af10d6b --- /dev/null +++ b/js/yui3/resize-constrain/assets/skins/night/resize-base-skin.css @@ -0,0 +1,52 @@ +/* +YUI 3.7.3 (build 5687) +Copyright 2012 Yahoo! Inc. All rights reserved. +Licensed under the BSD License. +http://yuilibrary.com/license/ +*/ +.yui3-resize-handle-inner-r, +.yui3-resize-handle-inner-l, +.yui3-resize-handle-inner-t, +.yui3-resize-handle-inner-b, +.yui3-resize-handle-inner-tr, +.yui3-resize-handle-inner-br, +.yui3-resize-handle-inner-tl, +.yui3-resize-handle-inner-bl { + background-repeat: no-repeat; + background: url(arrows.png) no-repeat 0 0; + display: block; + height: 15px; + overflow: hidden; + text-indent: -99999em; + width: 15px; +} + +.yui3-resize-handle-inner-br { + background-position: -30px 0; + bottom: -2px; + right: -2px; +} + +.yui3-resize-handle-inner-tr { + background-position: -58px 0; + bottom: 0; + right: -2px; + +} + +.yui3-resize-handle-inner-bl { + background-position: -75px 0; + bottom: -2px; + right: -2px; +} + +.yui3-resize-handle-inner-tl { + background-position: -47px 0; + bottom: 0; + right: -2px; + +} + +.yui3-resize-handle-inner-b,.yui3-resize-handle-inner-t { + background-position: -15px 0; +} diff --git a/js/yui3/resize-constrain/assets/skins/sam/arrows.png b/js/yui3/resize-constrain/assets/skins/sam/arrows.png Binary files differnew file mode 100644 index 000000000..2942681f4 --- /dev/null +++ b/js/yui3/resize-constrain/assets/skins/sam/arrows.png diff --git a/js/yui3/resize-constrain/assets/skins/sam/resize-base-skin.css b/js/yui3/resize-constrain/assets/skins/sam/resize-base-skin.css new file mode 100644 index 000000000..e0af10d6b --- /dev/null +++ b/js/yui3/resize-constrain/assets/skins/sam/resize-base-skin.css @@ -0,0 +1,52 @@ +/* +YUI 3.7.3 (build 5687) +Copyright 2012 Yahoo! Inc. All rights reserved. +Licensed under the BSD License. +http://yuilibrary.com/license/ +*/ +.yui3-resize-handle-inner-r, +.yui3-resize-handle-inner-l, +.yui3-resize-handle-inner-t, +.yui3-resize-handle-inner-b, +.yui3-resize-handle-inner-tr, +.yui3-resize-handle-inner-br, +.yui3-resize-handle-inner-tl, +.yui3-resize-handle-inner-bl { + background-repeat: no-repeat; + background: url(arrows.png) no-repeat 0 0; + display: block; + height: 15px; + overflow: hidden; + text-indent: -99999em; + width: 15px; +} + +.yui3-resize-handle-inner-br { + background-position: -30px 0; + bottom: -2px; + right: -2px; +} + +.yui3-resize-handle-inner-tr { + background-position: -58px 0; + bottom: 0; + right: -2px; + +} + +.yui3-resize-handle-inner-bl { + background-position: -75px 0; + bottom: -2px; + right: -2px; +} + +.yui3-resize-handle-inner-tl { + background-position: -47px 0; + bottom: 0; + right: -2px; + +} + +.yui3-resize-handle-inner-b,.yui3-resize-handle-inner-t { + background-position: -15px 0; +} diff --git a/js/yui3/resize-constrain/resize-constrain-min.js b/js/yui3/resize-constrain/resize-constrain-min.js new file mode 100644 index 000000000..17506052a --- /dev/null +++ b/js/yui3/resize-constrain/resize-constrain-min.js @@ -0,0 +1,7 @@ +/* +YUI 3.7.3 (build 5687) +Copyright 2012 Yahoo! Inc. All rights reserved. +Licensed under the BSD License. +http://yuilibrary.com/license/ +*/ +YUI.add("resize-constrain",function(e,t){function B(){B.superclass.constructor.apply(this,arguments)}var n=e.Lang,r=n.isBoolean,i=n.isNumber,s=n.isString,o=e.Resize.capitalize,u=function(t){return t instanceof e.Node},a=function(e){return parseFloat(e)||0},f="borderBottomWidth",l="borderLeftWidth",c="borderRightWidth",h="borderTopWidth",p="border",d="bottom",v="con",m="constrain",g="host",y="left",b="maxHeight",w="maxWidth",E="minHeight",S="minWidth",x="node",T="offsetHeight",N="offsetWidth",C="preserveRatio",k="region",L="resizeConstrained",A="right",O="tickX",M="tickY",_="top",D="width",P="view",H="viewportRegion";e.mix(B,{NAME:L,NS:v,ATTRS:{constrain:{setter:function(t){return t&&(u(t)||s(t)||t.nodeType)&&(t=e.one(t)),t}},minHeight:{value:15,validator:i},minWidth:{value:15,validator:i},maxHeight:{value:Infinity,validator:i},maxWidth:{value:Infinity,validator:i},preserveRatio:{value:!1,validator:r},tickX:{value:!1},tickY:{value:!1}}}),e.extend(B,e.Plugin.Base,{constrainSurrounding:null,initializer:function(){var t=this,n=t.get(g);n.delegate.dd.plug(e.Plugin.DDConstrained,{tickX:t.get(O),tickY:t.get(M)}),n.after("resize:align",e.bind(t._handleResizeAlignEvent,t)),n.on("resize:start",e.bind(t._handleResizeStartEvent,t))},_checkConstrain:function(e,t,n){var r=this,i,s,u,f,l=r.get(g),c=l.info,h=r.constrainSurrounding.border,d=r._getConstrainRegion();d&&(i=c[e]+c[n],s=d[t]-a(h[o(p,t,D)]),i>=s&&(c[n]-=i-s),u=c[e],f=d[e]+a(h[o(p,e,D)]),u<=f&&(c[e]+=f-u,c[n]-=f-u))},_checkHeight:function(){var e=this,t=e.get(g),n=t.info,r=e.get(b)+t.totalVSurrounding,i=e.get(E)+t.totalVSurrounding;e._checkConstrain(_,d,T),n.offsetHeight>r&&t._checkSize(T,r),n.offsetHeight<i&&t._checkSize(T,i)},_checkRatio:function(){var t=this,n=t.get(g),r=n.info,s=n.originalInfo,o=s.offsetWidth,u=s.offsetHeight,p=s.top,d=s.left,v=s.bottom,y=s.right,b=function(){return r.offsetWidth/o},w=function(){return r.offsetHeight/u},E=n.changeHeightHandles,S,x,T,N,C,k;t.get(m)&&n.changeHeightHandles&&n.changeWidthHandles&&(T=t._getConstrainRegion(),x=t.constrainSurrounding.border,S=T.bottom-a(x[f])-v,N=d-(T.left+a(x[l])),C=T.right-a(x[c])-y,k=p-(T.top+a(x[h])),n.changeLeftHandles&&n.changeTopHandles?E=k<N:n.changeLeftHandles?E=S<N:n.changeTopHandles?E=k<C:E=S<C),E?(r.offsetWidth=o*w(),t._checkWidth(),r.offsetHeight=u*b()):(r.offsetHeight=u*b(),t._checkHeight(),r.offsetWidth=o*w()),n.changeTopHandles&&(r.top=p+(u-r.offsetHeight)),n.changeLeftHandles&&(r.left=d+(o-r.offsetWidth)),e.each(r,function(e,t){i(e)&&(r[t]=Math.round(e))})},_checkRegion:function(){var t=this,n=t.get(g),r=t._getConstrainRegion();return e.DOM.inRegion(null,r,!0,n.info)},_checkWidth:function(){var e=this,t=e.get(g),n=t.info,r=e.get(w)+t.totalHSurrounding,i=e.get(S)+t.totalHSurrounding;e._checkConstrain(y,A,N),n.offsetWidth<i&&t._checkSize(N,i),n.offsetWidth>r&&t._checkSize(N,r)},_getConstrainRegion:function(){var e=this,t=e.get(g),n=t.get(x),r=e.get(m),i=null;return r&&(r===P?i=n.get(H):u(r)?i=r.get(k):i=r),i},_handleResizeAlignEvent:function(){var e=this,t=e.get(g);e._checkHeight(),e._checkWidth(),e.get(C)&&e._checkRatio(),e.get(m)&&!e._checkRegion()&&(t.info=t.lastInfo)},_handleResizeStartEvent:function(){var e=this,t=e.get(m),n=e.get(g);e.constrainSurrounding=n._getBoxSurroundingInfo(t)}}),e.namespace("Plugin"),e.Plugin.ResizeConstrained=B},"3.7.3",{requires:["plugin","resize-base"]}); |