From fe335709199056c8ecef3e860da376f2a4d5d519 Mon Sep 17 00:00:00 2001 From: Jack Lukic Date: Mon, 5 Aug 2013 18:30:16 -0400 Subject: [PATCH] Fixes bug in activate class on checkbox Adds tablet,pc, mobile only grids columns and rows Former-commit-id: 40e44e529e52c107094f2bed96ccafc8a515209d Former-commit-id: bd18f90557b871446be2c8083be07c50eb40bf24 --- build/minified/collections/grid.min.css | 2 +- build/minified/modules/checkbox.js | 10 +- build/minified/modules/checkbox.min.js | 2 +- build/minified/modules/transition.js | 2 +- build/minified/modules/transition.min.js | 2 +- build/packaged/modules/checkbox.js | 10 +- build/packaged/modules/transition.js | 2 +- .../packaged/semantic.min.css.REMOVED.git-id | 2 +- build/packaged/semantic.min.js.REMOVED.git-id | 2 +- build/uncompressed/collections/grid.css | 121 ++++++++++++++++- build/uncompressed/modules/checkbox.js | 10 +- build/uncompressed/modules/transition.js | 2 +- node/src/documents/collections/grid.html | 83 ++++++++++++ node/src/documents/modules/checkbox.html | 19 --- .../components/semantic/collections/grid.css | 121 ++++++++++++++++- .../components/semantic/modules/checkbox.js | 10 +- .../components/semantic/modules/transition.js | 8 ++ src/collections/grid.less | 127 +++++++++++++++++- src/modules/checkbox.js | 10 +- 19 files changed, 463 insertions(+), 82 deletions(-) diff --git a/build/minified/collections/grid.min.css b/build/minified/collections/grid.min.css index 01ae3c064..c656eb010 100644 --- a/build/minified/collections/grid.min.css +++ b/build/minified/collections/grid.min.css @@ -1 +1 @@ -.ui.grid{display:block;text-align:left;font-size:0;margin:0 -1.5%;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.grid:after,.ui.row:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.grid>.column,.ui.grid>.row>.column{display:inline-block;text-align:left;font-size:1rem;padding-left:1.5%;padding-right:1.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;vertical-align:top}.ui.grid>.row{display:block;width:100%!important;margin-top:1.5%;padding:1.5% 0 0;font-size:0rem}.ui.grid>.row:first-child{padding-top:0rem;margin-top:0rem}.ui.grid>.row>img,.ui.grid>.row>.column>img{max-width:100%}.ui.grid .column>.ui.segment:only-child{margin:0}.ui.page.grid{margin:0;padding:0 2%}.ui.responsive.grid{margin-left:0!important;margin-right:0!important;min-width:320px}@media only screen and (max-width:1000px){.ui.responsive.grid{padding:0 5.55%}}@media only screen and (min-width:1000px){.ui.responsive.grid{padding:0 8%}}@media only screen and (min-width:1500px){.ui.responsive.grid{padding:0 13%}}@media only screen and (min-width:1750px){.ui.responsive.grid{padding:0 18%}}@media only screen and (min-width:2000px){.ui.responsive.grid{padding:0 23%}}.ui.grid .one.wide.column{width:6.25%}.ui.grid .two.wide.column{width:12.5%}.ui.grid .three.wide.column{width:18.75%}.ui.grid .four.wide.column{width:25%}.ui.grid .five.wide.column{width:31.25%}.ui.grid .six.wide.column{width:37.5%}.ui.grid .seven.wide.column{width:43.75%}.ui.grid .eight.wide.column{width:50%}.ui.grid .nine.wide.column{width:56.25%}.ui.grid .ten.wide.column{width:62.5%}.ui.grid .eleven.wide.column{width:68.75%}.ui.grid .twelve.wide.column{width:75%}.ui.grid .thirteen.wide.column{width:81.25%}.ui.grid .fourteen.wide.column{width:87.5%}.ui.grid .fifteen.wide.column{width:93.75%}.ui.grid .sixteen.wide.column{width:100%}.ui.grid>.column,.ui.grid>.row>.column{width:6.25%}.ui.one.column.grid>.row>.column,.ui.one.column.grid>.column,.ui.grid>.one.column.row>.column{width:100%}.ui.two.column.grid>.row>.column,.ui.two.column.grid>.column,.ui.grid>.two.column.row>.column{width:50%}.ui.three.column.grid>.row>.column,.ui.three.column.grid>.column,.ui.grid>.three.column.row>.column{width:33.3333%}.ui.four.column.grid>.row>.column,.ui.four.column.grid>.column,.ui.grid>.four.column.row>.column{width:25%}.ui.five.column.grid>.row>.column,.ui.five.column.grid>.column,.ui.grid>.five.column.row>.column{width:20%}.ui.six.column.grid>.row>.column,.ui.six.column.grid>.column,.ui.grid>.six.column.row>.column{width:16.66667%}.ui.seven.column.grid>.row>.column,.ui.seven.column.grid>.column,.ui.grid>.seven.column.row>.column{width:14.2857%}.ui.eight.column.grid>.row>.column,.ui.eight.column.grid>.column,.ui.grid>.eight.column.row>.column{width:12.5%}.ui.nine.column.grid>.row>.column,.ui.nine.column.grid>.column,.ui.grid>.nine.column.row>.column{width:11.1111%}.ui.ten.column.grid>.row>.column,.ui.ten.column.grid>.column,.ui.grid>.ten.column.row>.column{width:10%}.ui.eleven.column.grid>.row>.column,.ui.eleven.column.grid>.column,.ui.grid>.eleven.column.row>.column{width:9.0909%}.ui.twelve.column.grid>.row>.column,.ui.twelve.column.grid>.column,.ui.grid>.twelve.column.row>.column{width:8.3333%}.ui.thirteen.column.grid>.row>.column,.ui.thirteen.column.grid>.column,.ui.grid>.thirteen.column.row>.column{width:7.6923%}.ui.fourteen.column.grid>.row>.column,.ui.fourteen.column.grid>.column,.ui.grid>.fourteen.column.row>.column{width:7.1428%}.ui.fifteen.column.grid>.row>.column,.ui.fifteen.column.grid>.column,.ui.grid>.fifteen.column.row>.column{width:6.6666%}.ui.sixteen.column.grid>.row>.column,.ui.sixteen.column.grid>.column,.ui.grid>.sixteen.column.row>.column{width:6.25%}.ui.grid>.column:only-child,.ui.grid>.row>.column:only-child{width:100%}.ui.grid .left.floated.column{float:left}.ui.grid .right.floated.column{float:right}.ui.divided.grid,.ui.divided.grid>.row{display:table;width:100%;margin-left:0!important;margin-right:0!important}.ui.divided.grid>.column,.ui.divided.grid>.row>.column{display:table-cell;-webkit-box-shadow:-1px 0 0 0 rgba(0,0,0,.1),-2px 0 0 0 rgba(255,255,255,.8);-moz-box-shadow:-1px 0 0 0 rgba(0,0,0,.1),-2px 0 0 0 rgba(255,255,255,.8);box-shadow:-1px 0 0 0 rgba(0,0,0,.1),-2px 0 0 0 rgba(255,255,255,.8)}.ui.divided.grid>.column:first-child,.ui.divided.grid>.row>.column:first-child{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.vertically.divided.grid>.row{-webkit-box-shadow:0 -1px 0 0 rgba(0,0,0,.1),0 -2px 0 0 rgba(255,255,255,.8);-moz-box-shadow:0 -1px 0 0 rgba(0,0,0,.1),0 -2px 0 0 rgba(255,255,255,.8);box-shadow:0 -1px 0 0 rgba(0,0,0,.1),0 -2px 0 0 rgba(255,255,255,.8)}.ui.vertically.divided.grid>.row>.column,.ui.vertically.divided.grid>.column,.ui.vertically.divided.grid>.row:first-child{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.celled.grid{display:table;width:100%;margin-left:0!important;margin-right:0!important;-webkit-box-shadow:0 0 0 1px #DFDFDF;-moz-box-shadow:0 0 0 1px #DFDFDF;box-shadow:0 0 0 1px #DFDFDF}.ui.celled.grid>.row{display:table;width:100%;margin-top:0;padding-top:0;-webkit-box-shadow:0 -1px 0 0 #dfdfdf;-moz-box-shadow:0 -1px 0 0 #dfdfdf;box-shadow:0 -1px 0 0 #dfdfdf}.ui.celled.grid>.column,.ui.celled.grid>.row>.column{display:table-cell;padding:.75em;-webkit-box-shadow:-1px 0 0 0 #dfdfdf;-moz-box-shadow:-1px 0 0 0 #dfdfdf;box-shadow:-1px 0 0 0 #dfdfdf}.ui.celled.grid>.column:first-child,.ui.celled.grid>.row>.column:first-child{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.celled.repsonsive.grid{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.left.aligned.grid,.ui.left.aligned.grid>.row>.column,.ui.left.aligned.grid>.column,.ui.grid .left.aligned.column,.ui.grid>.left.aligned.row>.column{text-align:left}.ui.center.aligned.grid,.ui.center.aligned.grid>.row>.column,.ui.center.aligned.grid>.column,.ui.grid .center.aligned.column,.ui.grid>.center.aligned.row>.column{text-align:center}.ui.right.aligned.grid,.ui.right.aligned.grid>.row>.column,.ui.right.aligned.grid>.column,.ui.grid .right.aligned.column,.ui.grid>.right.aligned.row>.column{text-align:right}.ui.top.aligned.grid,.ui.top.aligned.grid>.row>.column,.ui.top.aligned.grid>.column,.ui.grid .top.aligned.column,.ui.grid>.top.aligned.row>.column{vertical-align:top}.ui.middle.aligned.grid,.ui.middle.aligned.grid>.row>.column,.ui.middle.aligned.grid>.column,.ui.grid .middle.aligned.column,.ui.grid>.middle.aligned.row>.column{vertical-align:middle}.ui.bottom.aligned.grid,.ui.bottom.aligned.grid>.row>.column,.ui.bottom.aligned.grid>.column,.ui.grid .bottom.aligned.column,.ui.grid>.bottom.aligned.row>.column{vertical-align:bottom}.ui.grid>.equal.height.row{display:table;width:100%}.ui.grid>.equal.height.row>.column{display:table-cell}@media only screen and (max-width:960px){.ui.stackable.grid{display:block!important;padding:0}.ui.stackable.grid .row>.column,.ui.stackable.grid>.column{display:block!important;width:auto!important;margin:1.5em 5% 0!important;padding:1.5em 0 0!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}.ui.stackable.divided.grid .column,.ui.stackable.celled.grid .column{border-top:1px dotted rgba(0,0,0,.1)}.ui.stackable.grid>.row:first-child>.column:first-child,.ui.stackable.grid>.column:first-child{margin-top:0!important;padding-top:0!important}.ui.stackable.divided.grid>.row:first-child>.column:first-child,.ui.stackable.celled.grid>.row:first-child>.column:first-child,.ui.stackable.divided.grid>.column:first-child,.ui.stackable.celled.grid>.column:first-child{border-top:0!important}.ui.stackable.grid .vertical.pointing.menu .item:after{display:none}} \ No newline at end of file +.ui.grid{display:block;text-align:left;font-size:0;margin:0 -1.5%;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.grid:after,.ui.row:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.grid>.column,.ui.grid>.row>.column{display:inline-block;text-align:left;font-size:1rem;padding-left:1.5%;padding-right:1.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;vertical-align:top}.ui.grid>.row{display:block;width:100%!important;margin-top:1.5%;padding:1.5% 0 0;font-size:0rem}.ui.grid>.row:first-child{padding-top:0rem;margin-top:0rem}.ui.grid>.row>img,.ui.grid>.row>.column>img{max-width:100%}.ui.grid .column>.ui.segment:only-child{margin:0}.ui.page.grid{margin:0;padding:0 2%}.ui.responsive.grid{margin-left:0!important;margin-right:0!important;min-width:320px}@media only screen and (max-width:1000px){.ui.responsive.grid{padding:0 5.55%}}@media only screen and (min-width:1000px){.ui.responsive.grid{padding:0 8%}}@media only screen and (min-width:1500px){.ui.responsive.grid{padding:0 13%}}@media only screen and (min-width:1750px){.ui.responsive.grid{padding:0 18%}}@media only screen and (min-width:2000px){.ui.responsive.grid{padding:0 23%}}.ui.grid .one.wide.column{width:6.25%}.ui.grid .two.wide.column{width:12.5%}.ui.grid .three.wide.column{width:18.75%}.ui.grid .four.wide.column{width:25%}.ui.grid .five.wide.column{width:31.25%}.ui.grid .six.wide.column{width:37.5%}.ui.grid .seven.wide.column{width:43.75%}.ui.grid .eight.wide.column{width:50%}.ui.grid .nine.wide.column{width:56.25%}.ui.grid .ten.wide.column{width:62.5%}.ui.grid .eleven.wide.column{width:68.75%}.ui.grid .twelve.wide.column{width:75%}.ui.grid .thirteen.wide.column{width:81.25%}.ui.grid .fourteen.wide.column{width:87.5%}.ui.grid .fifteen.wide.column{width:93.75%}.ui.grid .sixteen.wide.column{width:100%}.ui.grid>.column,.ui.grid>.row>.column{width:6.25%}.ui.one.column.grid>.row>.column,.ui.one.column.grid>.column,.ui.grid>.one.column.row>.column{width:100%}.ui.two.column.grid>.row>.column,.ui.two.column.grid>.column,.ui.grid>.two.column.row>.column{width:50%}.ui.three.column.grid>.row>.column,.ui.three.column.grid>.column,.ui.grid>.three.column.row>.column{width:33.3333%}.ui.four.column.grid>.row>.column,.ui.four.column.grid>.column,.ui.grid>.four.column.row>.column{width:25%}.ui.five.column.grid>.row>.column,.ui.five.column.grid>.column,.ui.grid>.five.column.row>.column{width:20%}.ui.six.column.grid>.row>.column,.ui.six.column.grid>.column,.ui.grid>.six.column.row>.column{width:16.66667%}.ui.seven.column.grid>.row>.column,.ui.seven.column.grid>.column,.ui.grid>.seven.column.row>.column{width:14.2857%}.ui.eight.column.grid>.row>.column,.ui.eight.column.grid>.column,.ui.grid>.eight.column.row>.column{width:12.5%}.ui.nine.column.grid>.row>.column,.ui.nine.column.grid>.column,.ui.grid>.nine.column.row>.column{width:11.1111%}.ui.ten.column.grid>.row>.column,.ui.ten.column.grid>.column,.ui.grid>.ten.column.row>.column{width:10%}.ui.eleven.column.grid>.row>.column,.ui.eleven.column.grid>.column,.ui.grid>.eleven.column.row>.column{width:9.0909%}.ui.twelve.column.grid>.row>.column,.ui.twelve.column.grid>.column,.ui.grid>.twelve.column.row>.column{width:8.3333%}.ui.thirteen.column.grid>.row>.column,.ui.thirteen.column.grid>.column,.ui.grid>.thirteen.column.row>.column{width:7.6923%}.ui.fourteen.column.grid>.row>.column,.ui.fourteen.column.grid>.column,.ui.grid>.fourteen.column.row>.column{width:7.1428%}.ui.fifteen.column.grid>.row>.column,.ui.fifteen.column.grid>.column,.ui.grid>.fifteen.column.row>.column{width:6.6666%}.ui.sixteen.column.grid>.row>.column,.ui.sixteen.column.grid>.column,.ui.grid>.sixteen.column.row>.column{width:6.25%}.ui.grid>.column:only-child,.ui.grid>.row>.column:only-child{width:100%}.ui.grid .left.floated.column{float:left}.ui.grid .right.floated.column{float:right}.ui.divided.grid,.ui.divided.grid>.row{display:table;width:100%;margin-left:0!important;margin-right:0!important}.ui.divided.grid>.column,.ui.divided.grid>.row>.column{display:table-cell;-webkit-box-shadow:-1px 0 0 0 rgba(0,0,0,.1),-2px 0 0 0 rgba(255,255,255,.8);-moz-box-shadow:-1px 0 0 0 rgba(0,0,0,.1),-2px 0 0 0 rgba(255,255,255,.8);box-shadow:-1px 0 0 0 rgba(0,0,0,.1),-2px 0 0 0 rgba(255,255,255,.8)}.ui.divided.grid>.column.row{display:table}.ui.divided.grid>.column:first-child,.ui.divided.grid>.row>.column:first-child{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.vertically.divided.grid>.row{-webkit-box-shadow:0 -1px 0 0 rgba(0,0,0,.1),0 -2px 0 0 rgba(255,255,255,.8);-moz-box-shadow:0 -1px 0 0 rgba(0,0,0,.1),0 -2px 0 0 rgba(255,255,255,.8);box-shadow:0 -1px 0 0 rgba(0,0,0,.1),0 -2px 0 0 rgba(255,255,255,.8)}.ui.vertically.divided.grid>.row>.column,.ui.vertically.divided.grid>.column,.ui.vertically.divided.grid>.row:first-child{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.celled.grid{display:table;width:100%;margin-left:0!important;margin-right:0!important;-webkit-box-shadow:0 0 0 1px #DFDFDF;-moz-box-shadow:0 0 0 1px #DFDFDF;box-shadow:0 0 0 1px #DFDFDF}.ui.celled.grid>.row,.ui.celled.grid>.column.row,.ui.celled.grid>.column.row:first-child{display:table;width:100%;margin-top:0;padding-top:0;-webkit-box-shadow:0 -1px 0 0 #dfdfdf;-moz-box-shadow:0 -1px 0 0 #dfdfdf;box-shadow:0 -1px 0 0 #dfdfdf}.ui.celled.grid>.column:not(.row),.ui.celled.grid>.row>.column{display:table-cell;padding:.75em;-webkit-box-shadow:-1px 0 0 0 #dfdfdf;-moz-box-shadow:-1px 0 0 0 #dfdfdf;box-shadow:-1px 0 0 0 #dfdfdf}.ui.celled.grid>.column:first-child,.ui.celled.grid>.row>.column:first-child{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.celled.responsive.grid{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.left.aligned.grid,.ui.left.aligned.grid>.row>.column,.ui.left.aligned.grid>.column,.ui.grid .left.aligned.column,.ui.grid>.left.aligned.row>.column{text-align:left}.ui.center.aligned.grid,.ui.center.aligned.grid>.row>.column,.ui.center.aligned.grid>.column,.ui.grid .center.aligned.column,.ui.grid>.center.aligned.row>.column{text-align:center}.ui.right.aligned.grid,.ui.right.aligned.grid>.row>.column,.ui.right.aligned.grid>.column,.ui.grid .right.aligned.column,.ui.grid>.right.aligned.row>.column{text-align:right}.ui.top.aligned.grid,.ui.top.aligned.grid>.row>.column,.ui.top.aligned.grid>.column,.ui.grid .top.aligned.column,.ui.grid>.top.aligned.row>.column{vertical-align:top}.ui.middle.aligned.grid,.ui.middle.aligned.grid>.row>.column,.ui.middle.aligned.grid>.column,.ui.grid .middle.aligned.column,.ui.grid>.middle.aligned.row>.column{vertical-align:middle}.ui.bottom.aligned.grid,.ui.bottom.aligned.grid>.row>.column,.ui.bottom.aligned.grid>.column,.ui.grid .bottom.aligned.column,.ui.grid>.bottom.aligned.row>.column{vertical-align:bottom}.ui.grid>.equal.height.row{display:table;width:100%}.ui.grid>.equal.height.row>.column{display:table-cell}@media only screen and (max-width:768px){.ui.only.mobile.grid,.ui.grid>.only.mobile.row{display:block!important}.ui.grid>.row>.only.mobile.column{display:inline-block!important}.ui.divided.only.mobile.grid,.ui.celled.only.mobile.grid,.ui.divided.only.mobile.grid .row,.ui.celled.only.mobile.grid .row,.ui.divided.grid .only.mobile.row,.ui.celled.grid .only.mobile.row,.ui.grid .only.mobile.equal.height.row,.ui.only.mobile.grid .equal.height.row{display:table!important}.ui.divided.only.mobile.grid>.row>.column,.ui.celled.only.mobile.grid>.row>.column,.ui.divided.only.mobile.grid>.column,.ui.celled.only.mobile.grid>.column{display:table-cell!important}}@media only screen and (min-width:768px){.ui.only.mobile.grid,.ui.grid>.only.mobile.row,.ui.grid>.row>.only.mobile.column{display:none}}@media only screen and (max-width:998px){.ui.only.tablet.grid,.ui.grid>.only.tablet.row{display:block!important}.ui.grid>.row>.only.tablet.column{display:inline-block!important}.ui.divided.only.tablet.grid,.ui.celled.only.tablet.grid,.ui.divided.only.tablet.grid .row,.ui.celled.only.tablet.grid .row,.ui.divided.grid .only.tablet.row,.ui.celled.grid .only.tablet.row,.ui.grid .only.tablet.equal.height.row,.ui.only.tablet.grid .equal.height.row{display:table!important}.ui.divided.grid>.row>.only.tablet.column,.ui.celled.grid>.row>.only.tablet.column,.ui.divided.only.tablet.grid>.row>.column,.ui.celled.only.tablet.grid>.row>.column,.ui.divided.only.tablet.grid>.column,.ui.celled.only.tablet.grid>.column{display:table-cell!important}}@media only screen and (min-width:768px){.ui.only.tablet.grid,.ui.grid>.only.tablet.row,.ui.grid>.row>.only.tablet.column{display:none}}@media only screen and (min-width:998px){.ui.only.computer.grid,.ui.grid>.only.computer.row{display:block!important}.ui.grid>.row>.only.computer.column{display:inline-block!important}.ui.divided.only.computer.grid,.ui.celled.only.computer.grid,.ui.divided.only.computer.grid .row,.ui.celled.only.computer.grid .row,.ui.divided.grid .only.computer.row,.ui.celled.grid .only.computer.row,.ui.grid .only.computer.equal.height.row,.ui.only.computer.grid .equal.height.row{display:table!important}.ui.divided.grid>.row>.only.computer.column,.ui.celled.grid>.row>.only.computer.column,.ui.divided.only.computer.grid>.row>.column,.ui.celled.only.computer.grid>.row>.column,.ui.divided.only.computer.grid>.column,.ui.celled.only.computer.grid>.column{display:table-cell!important}}@media only screen and (max-width:998px){.ui.only.computer.grid,.ui.grid>.only.computer.row,.ui.grid>.row>.only.computer.column{display:none}}@media only screen and (max-width:768px){.ui.stackable.grid{display:block!important;padding:0}.ui.stackable.grid .row>.column,.ui.stackable.grid>.column{display:block!important;width:auto!important;margin:1.5em 5% 0!important;padding:1.5em 0 0!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}.ui.stackable.divided.grid .column,.ui.stackable.celled.grid .column{border-top:1px dotted rgba(0,0,0,.1)}.ui.stackable.grid>.row:first-child>.column:first-child,.ui.stackable.grid>.column:first-child{margin-top:0!important;padding-top:0!important}.ui.stackable.divided.grid>.row:first-child>.column:first-child,.ui.stackable.celled.grid>.row:first-child>.column:first-child,.ui.stackable.divided.grid>.column:first-child,.ui.stackable.celled.grid>.column:first-child{border-top:0!important}.ui.stackable.grid .vertical.pointing.menu .item:after{display:none}} \ No newline at end of file diff --git a/build/minified/modules/checkbox.js b/build/minified/modules/checkbox.js index 1feb06442..1ecc34601 100644 --- a/build/minified/modules/checkbox.js +++ b/build/minified/modules/checkbox.js @@ -83,7 +83,8 @@ $.fn.checkbox = function(parameters) { destroy: function() { module.verbose('Destroying previous module'); $module - .off(namespace) + .off(eventNamespace) + .removeData(moduleNamespace) ; }, @@ -104,9 +105,6 @@ $.fn.checkbox = function(parameters) { enable: function() { module.debug('Enabling checkbox'); - $module - .addClass(className.active) - ; $input .prop('checked', true) ; @@ -116,9 +114,6 @@ $.fn.checkbox = function(parameters) { disable: function() { module.debug('Disabling checkbox'); - $module - .removeClass(className.active) - ; $input .prop('checked', false) ; @@ -312,7 +307,6 @@ $.fn.checkbox.settings = { }, className : { - active : 'active', radio : 'radio' } diff --git a/build/minified/modules/checkbox.min.js b/build/minified/modules/checkbox.min.js index 50016f2d6..3a2a74a3e 100644 --- a/build/minified/modules/checkbox.min.js +++ b/build/minified/modules/checkbox.min.js @@ -1 +1 @@ -!function(a,b,c,d){a.fn.checkbox=function(b){var c,e=a(this),f=a.extend(!0,{},a.fn.checkbox.settings,b),g=e.selector||"",h=(new Date).getTime(),i=[],j=arguments[0],k="string"==typeof j,l=[].slice.call(arguments,1);return e.each(function(){var b,e=a(this),m=a(this).next(f.selector.label).first(),n=a(this).find(f.selector.input),o="."+f.namespace,p="module-"+f.namespace,q=e.selector||"",r=this,s=e.data(p),t=f.className,u=f.namespace,v=f.errors;b={initialize:function(){b.verbose("Initializing checkbox"),f.context&&""!==q?(b.verbose("Adding delegated events"),a(r,f.context).on(q,"click"+o,b.toggle).on(q+" + "+f.selector.label,"click"+o,b.toggle)):(e.on("click"+o,b.toggle).data(p,b),m.on("click"+o,b.toggle)),b.instantiate()},instantiate:function(){b.verbose("Storing instance of module",b),s=b,e.data(p,b)},destroy:function(){b.verbose("Destroying previous module"),e.off(u)},is:{radio:function(){return e.hasClass(t.radio)}},can:{disable:function(){return"boolean"==typeof f.required?f.required:!b.is.radio()}},enable:function(){b.debug("Enabling checkbox"),e.addClass(t.active),n.prop("checked",!0),a.proxy(f.onChange,n.get())(),a.proxy(f.onEnable,n.get())()},disable:function(){b.debug("Disabling checkbox"),e.removeClass(t.active),n.prop("checked",!1),a.proxy(f.onChange,n.get())(),a.proxy(f.onDisable,n.get())()},toggle:function(c){b.verbose("Determining new checkbox state",a(c.target)),n.prop("checked")!==d&&n.prop("checked")?b.can.disable()&&b.disable():b.enable()},setting:function(b,c){return c===d?f[b]:(a.isPlainObject(b)?a.extend(!0,f,b):f[b]=c,void 0)},internal:function(c,e){return e===d?b[c]:(a.isPlainObject(c)?a.extend(!0,b,c):b[c]=e,void 0)},debug:function(){f.debug&&(f.performance?b.performance.log(arguments):b.debug=Function.prototype.bind.call(console.info,console,f.moduleName+":"))},verbose:function(){f.verbose&&f.debug&&(f.performance?b.performance.log(arguments):b.verbose=Function.prototype.bind.call(console.info,console,f.moduleName+":"))},error:function(){b.error=Function.prototype.bind.call(console.warn,console,f.moduleName+":")},performance:{log:function(a){var c,d,e;f.performance&&(c=(new Date).getTime(),e=h||c,d=c-e,h=c,i.push({Element:r,Name:a[0],Arguments:[].slice.call(a,1)||"","Execution Time":d})),clearTimeout(b.performance.timer),b.performance.timer=setTimeout(b.performance.display,100)},display:function(){var c=f.moduleName+":",e=0;h=!1,clearTimeout(b.performance.timer),a.each(i,function(a,b){e+=b["Execution Time"]}),c+=" "+e+"ms",g&&(c+=" '"+g+"'"),(console.group!==d||console.table!==d)&&i.length>0&&(console.groupCollapsed(c),console.table?console.table(i):a.each(i,function(a,b){console.log(b.Name+": "+b["Execution Time"]+"ms")}),console.groupEnd()),i=[]}},invoke:function(c,e,f){var g,h;return e=e||l,f=r||f,"string"==typeof c&&s!==d&&(c=c.split(/[\. ]/),g=c.length-1,a.each(c,function(c,e){a.isPlainObject(s[e])&&c!=g?s=s[e]:s[e]!==d?h=s[e]:b.error(v.method)})),a.isFunction(h)?h.apply(f,e):h||!1}},k?(s===d&&b.initialize(),c=b.invoke(j)):(s!==d&&b.destroy(),b.initialize())}),c?c:this},a.fn.checkbox.settings={moduleName:"Checkbox",namespace:"checkbox",verbose:!0,debug:!0,performance:!0,context:!1,required:"auto",onChange:function(){},onEnable:function(){},onDisable:function(){},errors:{method:"The method you called is not defined."},selector:{input:"input",label:"label"},className:{active:"active",radio:"radio"}}}(jQuery,window,document); \ No newline at end of file +!function(a,b,c,d){a.fn.checkbox=function(b){var c,e=a(this),f=a.extend(!0,{},a.fn.checkbox.settings,b),g=e.selector||"",h=(new Date).getTime(),i=[],j=arguments[0],k="string"==typeof j,l=[].slice.call(arguments,1);return e.each(function(){var b,e=a(this),m=a(this).next(f.selector.label).first(),n=a(this).find(f.selector.input),o="."+f.namespace,p="module-"+f.namespace,q=e.selector||"",r=this,s=e.data(p),t=f.className,u=(f.namespace,f.errors);b={initialize:function(){b.verbose("Initializing checkbox"),f.context&&""!==q?(b.verbose("Adding delegated events"),a(r,f.context).on(q,"click"+o,b.toggle).on(q+" + "+f.selector.label,"click"+o,b.toggle)):(e.on("click"+o,b.toggle).data(p,b),m.on("click"+o,b.toggle)),b.instantiate()},instantiate:function(){b.verbose("Storing instance of module",b),s=b,e.data(p,b)},destroy:function(){b.verbose("Destroying previous module"),e.off(o).removeData(p)},is:{radio:function(){return e.hasClass(t.radio)}},can:{disable:function(){return"boolean"==typeof f.required?f.required:!b.is.radio()}},enable:function(){b.debug("Enabling checkbox"),n.prop("checked",!0),a.proxy(f.onChange,n.get())(),a.proxy(f.onEnable,n.get())()},disable:function(){b.debug("Disabling checkbox"),n.prop("checked",!1),a.proxy(f.onChange,n.get())(),a.proxy(f.onDisable,n.get())()},toggle:function(c){b.verbose("Determining new checkbox state",a(c.target)),n.prop("checked")!==d&&n.prop("checked")?b.can.disable()&&b.disable():b.enable()},setting:function(b,c){return c===d?f[b]:(a.isPlainObject(b)?a.extend(!0,f,b):f[b]=c,void 0)},internal:function(c,e){return e===d?b[c]:(a.isPlainObject(c)?a.extend(!0,b,c):b[c]=e,void 0)},debug:function(){f.debug&&(f.performance?b.performance.log(arguments):b.debug=Function.prototype.bind.call(console.info,console,f.moduleName+":"))},verbose:function(){f.verbose&&f.debug&&(f.performance?b.performance.log(arguments):b.verbose=Function.prototype.bind.call(console.info,console,f.moduleName+":"))},error:function(){b.error=Function.prototype.bind.call(console.warn,console,f.moduleName+":")},performance:{log:function(a){var c,d,e;f.performance&&(c=(new Date).getTime(),e=h||c,d=c-e,h=c,i.push({Element:r,Name:a[0],Arguments:[].slice.call(a,1)||"","Execution Time":d})),clearTimeout(b.performance.timer),b.performance.timer=setTimeout(b.performance.display,100)},display:function(){var c=f.moduleName+":",e=0;h=!1,clearTimeout(b.performance.timer),a.each(i,function(a,b){e+=b["Execution Time"]}),c+=" "+e+"ms",g&&(c+=" '"+g+"'"),(console.group!==d||console.table!==d)&&i.length>0&&(console.groupCollapsed(c),console.table?console.table(i):a.each(i,function(a,b){console.log(b.Name+": "+b["Execution Time"]+"ms")}),console.groupEnd()),i=[]}},invoke:function(c,e,f){var g,h;return e=e||l,f=r||f,"string"==typeof c&&s!==d&&(c=c.split(/[\. ]/),g=c.length-1,a.each(c,function(c,e){a.isPlainObject(s[e])&&c!=g?s=s[e]:s[e]!==d?h=s[e]:b.error(u.method)})),a.isFunction(h)?h.apply(f,e):h||!1}},k?(s===d&&b.initialize(),c=b.invoke(j)):(s!==d&&b.destroy(),b.initialize())}),c?c:this},a.fn.checkbox.settings={moduleName:"Checkbox",namespace:"checkbox",verbose:!0,debug:!0,performance:!0,context:!1,required:"auto",onChange:function(){},onEnable:function(){},onDisable:function(){},errors:{method:"The method you called is not defined."},selector:{input:"input",label:"label"},className:{radio:"radio"}}}(jQuery,window,document); \ No newline at end of file diff --git a/build/minified/modules/transition.js b/build/minified/modules/transition.js index bcd8beef4..813990405 100644 --- a/build/minified/modules/transition.js +++ b/build/minified/modules/transition.js @@ -111,7 +111,7 @@ $.fn.transition = function() { ? 'out' : 'in' ; - } + }, loop: function() { $module diff --git a/build/minified/modules/transition.min.js b/build/minified/modules/transition.min.js index b7116a878..017dc62a2 100644 --- a/build/minified/modules/transition.min.js +++ b/build/minified/modules/transition.min.js @@ -1 +1 @@ -!function(a,b,c,d){a.fn.transition=function(){var e,f=a(this),g=f.selector||"",h=(new Date).getTime(),i=[],j=arguments,k=j[0],l=[].slice.call(arguments,1),m="string"==typeof k;return b.requestAnimationFrame||b.mozRequestAnimationFrame||b.webkitRequestAnimationFrame||b.msRequestAnimationFrame||function(a){setTimeout(a,0)},f.each(function(){var b,f,n,o,p,q,r,s,t,u=a(this),v=this;t={initialize:function(){b=t.get.settings.apply(v,j),t.verbose("Converted arguments into settings object",b),n=b.error,o=b.className,r=b.namespace,p=b.metadata,s="module-"+r,q=t.get.transitionEvent(),f=u.data(s),f===d&&t.instantiate(),m&&(e=t.invoke(k)),m&&e!==!1||t.animate()},instantiate:function(){t.verbose("Storing instance of module",t),f=t,u.data(s,f)},destroy:function(){t.verbose("Destroying previous module for",v),u.removeData(s)},repaint:function(a){t.verbose("Forcing repaint event"),a=v.offsetWidth},set:{animating:function(){u.addClass(o.animating)},loop:function(){u.addClass(o.loop)},duration:function(a){a=a||b.duration,t.verbose("Setting animation duration",a),u.css({"-webkit-animation-duration":a,"-moz-animation-duration":a,"-ms-animation-duration":a,"-o-animation-duration":a,"animation-duration":a})}},remove:{animating:function(){u.removeClass(o.animating)}},get:{settings:function(b,c,e){return a.isPlainObject(b)===d?a.extend(!0,{},a.fn.transition.settings,b):"function"==typeof e?a.extend(!0,{},a.fn.transition.settings,{animation:b,complete:e,duration:c}):"string"==typeof c?a.extend(!0,{},a.fn.transition.settings,{animation:b,duration:c}):"object"==typeof c?a.extend(!0,{},a.fn.transition.settings,c,{animation:b}):"function"==typeof c?a.extend(!0,{},a.fn.transition.settings,{animation:b,complete:c}):a.extend(!0,{},a.fn.transition.settings,{animation:b})},transitionEvent:function(){var a,b=c.createElement("element"),e={animation:"animationend",OAnimation:"oAnimationEnd",MozAnimation:"mozAnimationEnd",WebkitAnimation:"webkitAnimationEnd"};for(a in e)if(b.style[a]!==d)return t.verbose("Determining animation end event",e[a]),e[a];return!1}},can:{animate:function(c){var d=a("
");return c=c||b.animation,d.addClass(o.transition).addClass(c),"none"!==d.css("animationName")}},is:{animating:function(){return u.hasClass(o.animating)}},hide:function(){t.verbose("Hiding element"),u.addClass(o.transition).addClass(o.hidden)},show:function(){t.verbose("Showing element"),u.removeClass(o.hidden)},start:function(){t.verbose("Starting animation"),u.removeClass(o.disabled)},stop:function(){t.debug("Stopping animation"),u.addClass(o.disabled)},toggle:function(){t.debug("Toggling play status"),u.toggleClass(o.disabled)},animate:function(a){return b=a||b,t.can.animate()?t.is.animating()?(t.queue(b.animation),!1):(t.set.duration(),t.show(),t.originalClass=u.attr("class"),t.originalStyle=u.attr("style"),t.repaint(),t.set.animating(),u.addClass(o.transition).addClass(b.animation).one(q,t.complete),t.debug("Beginning animation",b.animation,u.attr("class")),void 0):(t.error(n.noAnimation,b.animation),!1)},queue:function(a){t.debug("Queueing animation of",a),u.one(q,function(){t.animate.apply(this,b)})},reset:function(){t.verbose("Resetting original class",t.originalClass),u.attr("style",t.originalStyle).attr("class",t.originalClass)},complete:function(){t.verbose("CSS animation complete",b.animation),u.hasClass(o.outward)?(t.reset(),t.hide()):u.hasClass(o.inward)?(t.reset(),t.show()):t.reset(),t.remove.animating(),t.repaint(),b.complete()},setting:function(c,e){return e===d?b[c]:(a.isPlainObject(c)?a.extend(!0,b,c):b[c]=e,void 0)},internal:function(b,c){return c===d?t[b]:(a.isPlainObject(b)?a.extend(!0,t,b):t[b]=c,void 0)},debug:function(){b.debug&&(b.performance?t.performance.log(arguments):t.debug=Function.prototype.bind.call(console.info,console,b.moduleName+":"))},verbose:function(){b.verbose&&b.debug&&(b.performance?t.performance.log(arguments):t.verbose=Function.prototype.bind.call(console.info,console,b.moduleName+":"))},error:function(){t.error=Function.prototype.bind.call(console.error,console,b.moduleName+":")},performance:{log:function(a){var c,d,e;b.performance&&(c=(new Date).getTime(),e=h||c,d=c-e,h=c,i.push({Element:v,Name:a[0],Arguments:[].slice.call(a,1)||"","Execution Time":d})),clearTimeout(t.performance.timer),t.performance.timer=setTimeout(t.performance.display,100)},display:function(){var c=b.moduleName+":",e=0;h=!1,clearTimeout(t.performance.timer),a.each(i,function(a,b){e+=b["Execution Time"]}),c+=" "+e+"ms",g&&(c+=" '"+g+"'"),(console.group!==d||console.table!==d)&&i.length>0&&(console.groupCollapsed(c),console.table?console.table(i):a.each(i,function(a,b){console.log(b.Name+": "+b["Execution Time"]+"ms")}),console.groupEnd()),i=[]}},invoke:function(b,c,e){var g,h,i=f;return c=c||l,e=v||e,"string"==typeof b&&i!==d&&(b=b.split(/[\. ]/),g=b.length-1,a.each(b,function(b,c){return a.isPlainObject(i[c])&&b!=g?(i=i[c],!0):i[c]!==d?(h=i[c],!0):(t.error(n.method),!1)})),a.isFunction(h)?(f.verbose("Executing invoked function",h),h.apply(e,c)):h||!1}},t.initialize()}),e?e:this},a.fn.transition.settings={moduleName:"Transition",debug:!0,verbose:!0,performance:!0,namespace:"transition",complete:function(){},animation:"fade",duration:"1s",className:{animating:"animating",disabled:"disabled",hidden:"hidden",inward:"in",looping:"looping",outward:"out",transition:"ui transition"},error:{noAnimation:"There is no css animation matching the one you specified.",method:"The method you called is not defined"}}}(jQuery,window,document); \ No newline at end of file +!function(a,b,c,d){a.fn.transition=function(){var e,f=a(this),g=f.selector||"",h=(new Date).getTime(),i=[],j=arguments,k=j[0],l=[].slice.call(arguments,1),m="string"==typeof k;return b.requestAnimationFrame||b.mozRequestAnimationFrame||b.webkitRequestAnimationFrame||b.msRequestAnimationFrame||function(a){setTimeout(a,0)},f.each(function(){var b,f,n,o,p,q,r,s,t,u=a(this),v=this;t={initialize:function(){b=t.get.settings.apply(v,j),t.verbose("Converted arguments into settings object",b),n=b.error,o=b.className,r=b.namespace,p=b.metadata,s="module-"+r,q=t.get.transitionEvent(),f=u.data(s),f===d&&t.instantiate(),m&&(e=t.invoke(k)),m&&e!==!1||t.animate()},instantiate:function(){t.verbose("Storing instance of module",t),f=t,u.data(s,f)},destroy:function(){t.verbose("Destroying previous module for",v),u.removeData(s)},repaint:function(a){t.verbose("Forcing repaint event"),a=v.offsetWidth},set:{animating:function(){u.addClass(o.animating)},direction:function(){return u.is(":visible")?"out":"in"},loop:function(){u.addClass(o.loop)},duration:function(a){a=a||b.duration,t.verbose("Setting animation duration",a),u.css({"-webkit-animation-duration":a,"-moz-animation-duration":a,"-ms-animation-duration":a,"-o-animation-duration":a,"animation-duration":a})}},remove:{animating:function(){u.removeClass(o.animating)}},get:{settings:function(b,c,e){return a.isPlainObject(b)===d?a.extend(!0,{},a.fn.transition.settings,b):"function"==typeof e?a.extend(!0,{},a.fn.transition.settings,{animation:b,complete:e,duration:c}):"string"==typeof c?a.extend(!0,{},a.fn.transition.settings,{animation:b,duration:c}):"object"==typeof c?a.extend(!0,{},a.fn.transition.settings,c,{animation:b}):"function"==typeof c?a.extend(!0,{},a.fn.transition.settings,{animation:b,complete:c}):a.extend(!0,{},a.fn.transition.settings,{animation:b})},transitionEvent:function(){var a,b=c.createElement("element"),e={animation:"animationend",OAnimation:"oAnimationEnd",MozAnimation:"mozAnimationEnd",WebkitAnimation:"webkitAnimationEnd"};for(a in e)if(b.style[a]!==d)return t.verbose("Determining animation end event",e[a]),e[a];return!1}},can:{animate:function(c){var d=a("
");return c=c||b.animation,d.addClass(o.transition).addClass(c),"none"!==d.css("animationName")}},is:{animating:function(){return u.hasClass(o.animating)}},hide:function(){t.verbose("Hiding element"),u.addClass(o.transition).addClass(o.hidden)},show:function(){t.verbose("Showing element"),u.removeClass(o.hidden)},start:function(){t.verbose("Starting animation"),u.removeClass(o.disabled)},stop:function(){t.debug("Stopping animation"),u.addClass(o.disabled)},toggle:function(){t.debug("Toggling play status"),u.toggleClass(o.disabled)},animate:function(a){return b=a||b,t.can.animate()?t.is.animating()?(t.queue(b.animation),!1):(t.set.duration(),t.show(),t.originalClass=u.attr("class"),t.originalStyle=u.attr("style"),t.repaint(),t.set.direction(),t.set.animating(),u.addClass(o.transition).addClass(b.animation).one(q,t.complete),t.debug("Beginning animation",b.animation,u.attr("class")),void 0):(t.error(n.noAnimation,b.animation),!1)},queue:function(a){t.debug("Queueing animation of",a),u.one(q,function(){t.animate.apply(this,b)})},reset:function(){t.verbose("Resetting original class",t.originalClass),u.attr("style",t.originalStyle).attr("class",t.originalClass)},complete:function(){t.verbose("CSS animation complete",b.animation),u.hasClass(o.outward)?(t.reset(),t.hide()):u.hasClass(o.inward)?(t.reset(),t.show()):t.reset(),t.remove.animating(),t.repaint(),b.complete()},setting:function(c,e){return e===d?b[c]:(a.isPlainObject(c)?a.extend(!0,b,c):b[c]=e,void 0)},internal:function(b,c){return c===d?t[b]:(a.isPlainObject(b)?a.extend(!0,t,b):t[b]=c,void 0)},debug:function(){b.debug&&(b.performance?t.performance.log(arguments):t.debug=Function.prototype.bind.call(console.info,console,b.moduleName+":"))},verbose:function(){b.verbose&&b.debug&&(b.performance?t.performance.log(arguments):t.verbose=Function.prototype.bind.call(console.info,console,b.moduleName+":"))},error:function(){t.error=Function.prototype.bind.call(console.error,console,b.moduleName+":")},performance:{log:function(a){var c,d,e;b.performance&&(c=(new Date).getTime(),e=h||c,d=c-e,h=c,i.push({Element:v,Name:a[0],Arguments:[].slice.call(a,1)||"","Execution Time":d})),clearTimeout(t.performance.timer),t.performance.timer=setTimeout(t.performance.display,100)},display:function(){var c=b.moduleName+":",e=0;h=!1,clearTimeout(t.performance.timer),a.each(i,function(a,b){e+=b["Execution Time"]}),c+=" "+e+"ms",g&&(c+=" '"+g+"'"),(console.group!==d||console.table!==d)&&i.length>0&&(console.groupCollapsed(c),console.table?console.table(i):a.each(i,function(a,b){console.log(b.Name+": "+b["Execution Time"]+"ms")}),console.groupEnd()),i=[]}},invoke:function(b,c,e){var g,h,i=f;return c=c||l,e=v||e,"string"==typeof b&&i!==d&&(b=b.split(/[\. ]/),g=b.length-1,a.each(b,function(b,c){return a.isPlainObject(i[c])&&b!=g?(i=i[c],!0):i[c]!==d?(h=i[c],!0):(t.error(n.method),!1)})),a.isFunction(h)?(f.verbose("Executing invoked function",h),h.apply(e,c)):h||!1}},t.initialize()}),e?e:this},a.fn.transition.settings={moduleName:"Transition",debug:!0,verbose:!0,performance:!0,namespace:"transition",complete:function(){},animation:"fade",duration:"1s",className:{animating:"animating",disabled:"disabled",hidden:"hidden",inward:"in",looping:"looping",outward:"out",transition:"ui transition"},error:{noAnimation:"There is no css animation matching the one you specified.",method:"The method you called is not defined"}}}(jQuery,window,document); \ No newline at end of file diff --git a/build/packaged/modules/checkbox.js b/build/packaged/modules/checkbox.js index 1feb06442..1ecc34601 100644 --- a/build/packaged/modules/checkbox.js +++ b/build/packaged/modules/checkbox.js @@ -83,7 +83,8 @@ $.fn.checkbox = function(parameters) { destroy: function() { module.verbose('Destroying previous module'); $module - .off(namespace) + .off(eventNamespace) + .removeData(moduleNamespace) ; }, @@ -104,9 +105,6 @@ $.fn.checkbox = function(parameters) { enable: function() { module.debug('Enabling checkbox'); - $module - .addClass(className.active) - ; $input .prop('checked', true) ; @@ -116,9 +114,6 @@ $.fn.checkbox = function(parameters) { disable: function() { module.debug('Disabling checkbox'); - $module - .removeClass(className.active) - ; $input .prop('checked', false) ; @@ -312,7 +307,6 @@ $.fn.checkbox.settings = { }, className : { - active : 'active', radio : 'radio' } diff --git a/build/packaged/modules/transition.js b/build/packaged/modules/transition.js index bcd8beef4..813990405 100644 --- a/build/packaged/modules/transition.js +++ b/build/packaged/modules/transition.js @@ -111,7 +111,7 @@ $.fn.transition = function() { ? 'out' : 'in' ; - } + }, loop: function() { $module diff --git a/build/packaged/semantic.min.css.REMOVED.git-id b/build/packaged/semantic.min.css.REMOVED.git-id index 61fd8d816..1933dd9e4 100644 --- a/build/packaged/semantic.min.css.REMOVED.git-id +++ b/build/packaged/semantic.min.css.REMOVED.git-id @@ -1 +1 @@ -4c5b17727f197cdb16fc918ecc85f197ab594771 \ No newline at end of file +b7b0e8cbeaed7887d9823d1500bbc33caaf62e78 \ No newline at end of file diff --git a/build/packaged/semantic.min.js.REMOVED.git-id b/build/packaged/semantic.min.js.REMOVED.git-id index 24f14e026..032feb206 100644 --- a/build/packaged/semantic.min.js.REMOVED.git-id +++ b/build/packaged/semantic.min.js.REMOVED.git-id @@ -1 +1 @@ -b58e89f27173ed156fb95e8ef483299b3f9f1d58 \ No newline at end of file +1685d287ea807c7bcacc0a5efd9d50e8dc857875 \ No newline at end of file diff --git a/build/uncompressed/collections/grid.css b/build/uncompressed/collections/grid.css index 5d627271b..c1769373a 100644 --- a/build/uncompressed/collections/grid.css +++ b/build/uncompressed/collections/grid.css @@ -270,7 +270,7 @@ float: right; } /*---------------------- - Divided + Divided -----------------------*/ .ui.divided.grid, .ui.divided.grid > .row { @@ -286,6 +286,9 @@ -moz-box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.1), -2px 0px 0px 0px rgba(255, 255, 255, 0.8); box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.1), -2px 0px 0px 0px rgba(255, 255, 255, 0.8); } +.ui.divided.grid > .column.row { + display: table; +} .ui.divided.grid > .column:first-child, .ui.divided.grid > .row > .column:first-child { -webkit-box-shadow: none; @@ -317,7 +320,9 @@ -moz-box-shadow: 0px 0px 0px 1px #DFDFDF; box-shadow: 0px 0px 0px 1px #DFDFDF; } -.ui.celled.grid > .row { +.ui.celled.grid > .row, +.ui.celled.grid > .column.row, +.ui.celled.grid > .column.row:first-child { display: table; width: 100%; margin-top: 0em; @@ -326,7 +331,7 @@ -moz-box-shadow: 0px -1px 0px 0px #dfdfdf; box-shadow: 0px -1px 0px 0px #dfdfdf; } -.ui.celled.grid > .column, +.ui.celled.grid > .column:not(.row), .ui.celled.grid > .row > .column { display: table-cell; padding: 0.75em; @@ -340,7 +345,7 @@ -moz-box-shadow: none; box-shadow: none; } -.ui.celled.repsonsive.grid { +.ui.celled.responsive.grid { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; @@ -405,10 +410,116 @@ .ui.grid > .equal.height.row > .column { display: table-cell; } +/*---------------------- + Only (Device) +-----------------------*/ +/* Mobile Only */ +@media only screen and (max-width: 768px) { + .ui.only.mobile.grid, + .ui.grid > .only.mobile.row { + display: block !important; + } + .ui.grid > .row > .only.mobile.column { + display: inline-block !important; + } + .ui.divided.only.mobile.grid, + .ui.celled.only.mobile.grid, + .ui.divided.only.mobile.grid .row, + .ui.celled.only.mobile.grid .row, + .ui.divided.grid .only.mobile.row, + .ui.celled.grid .only.mobile.row, + .ui.grid .only.mobile.equal.height.row, + .ui.only.mobile.grid .equal.height.row { + display: table !important; + } + .ui.divided.only.mobile.grid > .row > .column, + .ui.celled.only.mobile.grid > .row > .column, + .ui.divided.only.mobile.grid > .column, + .ui.celled.only.mobile.grid > .column { + display: table-cell !important; + } +} +@media only screen and (min-width: 768px) { + .ui.only.mobile.grid, + .ui.grid > .only.mobile.row, + .ui.grid > .row > .only.mobile.column { + display: none; + } +} +/* Tablet Only */ +@media only screen and (max-width: 998px) { + .ui.only.tablet.grid, + .ui.grid > .only.tablet.row { + display: block !important; + } + .ui.grid > .row > .only.tablet.column { + display: inline-block !important; + } + .ui.divided.only.tablet.grid, + .ui.celled.only.tablet.grid, + .ui.divided.only.tablet.grid .row, + .ui.celled.only.tablet.grid .row, + .ui.divided.grid .only.tablet.row, + .ui.celled.grid .only.tablet.row, + .ui.grid .only.tablet.equal.height.row, + .ui.only.tablet.grid .equal.height.row { + display: table !important; + } + .ui.divided.grid > .row > .only.tablet.column, + .ui.celled.grid > .row > .only.tablet.column, + .ui.divided.only.tablet.grid > .row > .column, + .ui.celled.only.tablet.grid > .row > .column, + .ui.divided.only.tablet.grid > .column, + .ui.celled.only.tablet.grid > .column { + display: table-cell !important; + } +} +@media only screen and (min-width: 768px) { + .ui.only.tablet.grid, + .ui.grid > .only.tablet.row, + .ui.grid > .row > .only.tablet.column { + display: none; + } +} +/* Computer Only */ +@media only screen and (min-width: 998px) { + .ui.only.computer.grid, + .ui.grid > .only.computer.row { + display: block !important; + } + .ui.grid > .row > .only.computer.column { + display: inline-block !important; + } + .ui.divided.only.computer.grid, + .ui.celled.only.computer.grid, + .ui.divided.only.computer.grid .row, + .ui.celled.only.computer.grid .row, + .ui.divided.grid .only.computer.row, + .ui.celled.grid .only.computer.row, + .ui.grid .only.computer.equal.height.row, + .ui.only.computer.grid .equal.height.row { + display: table !important; + } + .ui.divided.grid > .row > .only.computer.column, + .ui.celled.grid > .row > .only.computer.column, + .ui.divided.only.computer.grid > .row > .column, + .ui.celled.only.computer.grid > .row > .column, + .ui.divided.only.computer.grid > .column, + .ui.celled.only.computer.grid > .column { + display: table-cell !important; + } +} +@media only screen and (max-width: 998px) { + .ui.only.computer.grid, + .ui.grid > .only.computer.row, + .ui.grid > .row > .only.computer.column { + display: none; + } +} /*------------------- Stackable --------------------*/ -@media only screen and (max-width: 960px) { +@media only screen and (max-width: 768px) { .ui.stackable.grid { display: block !important; padding: 0em; diff --git a/build/uncompressed/modules/checkbox.js b/build/uncompressed/modules/checkbox.js index 1feb06442..1ecc34601 100644 --- a/build/uncompressed/modules/checkbox.js +++ b/build/uncompressed/modules/checkbox.js @@ -83,7 +83,8 @@ $.fn.checkbox = function(parameters) { destroy: function() { module.verbose('Destroying previous module'); $module - .off(namespace) + .off(eventNamespace) + .removeData(moduleNamespace) ; }, @@ -104,9 +105,6 @@ $.fn.checkbox = function(parameters) { enable: function() { module.debug('Enabling checkbox'); - $module - .addClass(className.active) - ; $input .prop('checked', true) ; @@ -116,9 +114,6 @@ $.fn.checkbox = function(parameters) { disable: function() { module.debug('Disabling checkbox'); - $module - .removeClass(className.active) - ; $input .prop('checked', false) ; @@ -312,7 +307,6 @@ $.fn.checkbox.settings = { }, className : { - active : 'active', radio : 'radio' } diff --git a/build/uncompressed/modules/transition.js b/build/uncompressed/modules/transition.js index bcd8beef4..813990405 100644 --- a/build/uncompressed/modules/transition.js +++ b/build/uncompressed/modules/transition.js @@ -111,7 +111,7 @@ $.fn.transition = function() { ? 'out' : 'in' ; - } + }, loop: function() { $module diff --git a/node/src/documents/collections/grid.html b/node/src/documents/collections/grid.html index 3a2c49edf..ed54129f4 100755 --- a/node/src/documents/collections/grid.html +++ b/node/src/documents/collections/grid.html @@ -313,6 +313,89 @@ type : 'UI Collection'
+ +
+

Only (Device)

+

A grid can have its columns, or rows only show for either a computer, tablet, or mobile.

+
+ Breakpoints are 768 for mobile, 768-998 for tablet and 998 for pc +
+
+
+
+
+ Mobile +
+
+
+
+ Mobile +
+
+
+
+
+
+ Computer +
+
+
+
+ Tablet and Mobile +
+
+
+
+ All Sizes +
+
+
+
+ All Sizes +
+
+
+
+
+
+ Computer +
+
+
+
+ Computer +
+
+
+
+ Computer +
+
+
+
+ Computer +
+
+
+
+
+
+ Tablet +
+
+
+
+ Tablet +
+
+
+
+ Tablet +
+
+
+
+

Changing grid column count

diff --git a/node/src/documents/modules/checkbox.html b/node/src/documents/modules/checkbox.html index 6f5bec1e0..8ca47ca76 100755 --- a/node/src/documents/modules/checkbox.html +++ b/node/src/documents/modules/checkbox.html @@ -65,25 +65,6 @@ type : 'UI Module'
-
-

Form Checkbox

-

A checkbox can be found inside a form

-
-
- - -
-
-
- -
-
- -
-
Submit
-
-
-

Variations

diff --git a/node/src/files/components/semantic/collections/grid.css b/node/src/files/components/semantic/collections/grid.css index 5d627271b..c1769373a 100644 --- a/node/src/files/components/semantic/collections/grid.css +++ b/node/src/files/components/semantic/collections/grid.css @@ -270,7 +270,7 @@ float: right; } /*---------------------- - Divided + Divided -----------------------*/ .ui.divided.grid, .ui.divided.grid > .row { @@ -286,6 +286,9 @@ -moz-box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.1), -2px 0px 0px 0px rgba(255, 255, 255, 0.8); box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.1), -2px 0px 0px 0px rgba(255, 255, 255, 0.8); } +.ui.divided.grid > .column.row { + display: table; +} .ui.divided.grid > .column:first-child, .ui.divided.grid > .row > .column:first-child { -webkit-box-shadow: none; @@ -317,7 +320,9 @@ -moz-box-shadow: 0px 0px 0px 1px #DFDFDF; box-shadow: 0px 0px 0px 1px #DFDFDF; } -.ui.celled.grid > .row { +.ui.celled.grid > .row, +.ui.celled.grid > .column.row, +.ui.celled.grid > .column.row:first-child { display: table; width: 100%; margin-top: 0em; @@ -326,7 +331,7 @@ -moz-box-shadow: 0px -1px 0px 0px #dfdfdf; box-shadow: 0px -1px 0px 0px #dfdfdf; } -.ui.celled.grid > .column, +.ui.celled.grid > .column:not(.row), .ui.celled.grid > .row > .column { display: table-cell; padding: 0.75em; @@ -340,7 +345,7 @@ -moz-box-shadow: none; box-shadow: none; } -.ui.celled.repsonsive.grid { +.ui.celled.responsive.grid { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; @@ -405,10 +410,116 @@ .ui.grid > .equal.height.row > .column { display: table-cell; } +/*---------------------- + Only (Device) +-----------------------*/ +/* Mobile Only */ +@media only screen and (max-width: 768px) { + .ui.only.mobile.grid, + .ui.grid > .only.mobile.row { + display: block !important; + } + .ui.grid > .row > .only.mobile.column { + display: inline-block !important; + } + .ui.divided.only.mobile.grid, + .ui.celled.only.mobile.grid, + .ui.divided.only.mobile.grid .row, + .ui.celled.only.mobile.grid .row, + .ui.divided.grid .only.mobile.row, + .ui.celled.grid .only.mobile.row, + .ui.grid .only.mobile.equal.height.row, + .ui.only.mobile.grid .equal.height.row { + display: table !important; + } + .ui.divided.only.mobile.grid > .row > .column, + .ui.celled.only.mobile.grid > .row > .column, + .ui.divided.only.mobile.grid > .column, + .ui.celled.only.mobile.grid > .column { + display: table-cell !important; + } +} +@media only screen and (min-width: 768px) { + .ui.only.mobile.grid, + .ui.grid > .only.mobile.row, + .ui.grid > .row > .only.mobile.column { + display: none; + } +} +/* Tablet Only */ +@media only screen and (max-width: 998px) { + .ui.only.tablet.grid, + .ui.grid > .only.tablet.row { + display: block !important; + } + .ui.grid > .row > .only.tablet.column { + display: inline-block !important; + } + .ui.divided.only.tablet.grid, + .ui.celled.only.tablet.grid, + .ui.divided.only.tablet.grid .row, + .ui.celled.only.tablet.grid .row, + .ui.divided.grid .only.tablet.row, + .ui.celled.grid .only.tablet.row, + .ui.grid .only.tablet.equal.height.row, + .ui.only.tablet.grid .equal.height.row { + display: table !important; + } + .ui.divided.grid > .row > .only.tablet.column, + .ui.celled.grid > .row > .only.tablet.column, + .ui.divided.only.tablet.grid > .row > .column, + .ui.celled.only.tablet.grid > .row > .column, + .ui.divided.only.tablet.grid > .column, + .ui.celled.only.tablet.grid > .column { + display: table-cell !important; + } +} +@media only screen and (min-width: 768px) { + .ui.only.tablet.grid, + .ui.grid > .only.tablet.row, + .ui.grid > .row > .only.tablet.column { + display: none; + } +} +/* Computer Only */ +@media only screen and (min-width: 998px) { + .ui.only.computer.grid, + .ui.grid > .only.computer.row { + display: block !important; + } + .ui.grid > .row > .only.computer.column { + display: inline-block !important; + } + .ui.divided.only.computer.grid, + .ui.celled.only.computer.grid, + .ui.divided.only.computer.grid .row, + .ui.celled.only.computer.grid .row, + .ui.divided.grid .only.computer.row, + .ui.celled.grid .only.computer.row, + .ui.grid .only.computer.equal.height.row, + .ui.only.computer.grid .equal.height.row { + display: table !important; + } + .ui.divided.grid > .row > .only.computer.column, + .ui.celled.grid > .row > .only.computer.column, + .ui.divided.only.computer.grid > .row > .column, + .ui.celled.only.computer.grid > .row > .column, + .ui.divided.only.computer.grid > .column, + .ui.celled.only.computer.grid > .column { + display: table-cell !important; + } +} +@media only screen and (max-width: 998px) { + .ui.only.computer.grid, + .ui.grid > .only.computer.row, + .ui.grid > .row > .only.computer.column { + display: none; + } +} /*------------------- Stackable --------------------*/ -@media only screen and (max-width: 960px) { +@media only screen and (max-width: 768px) { .ui.stackable.grid { display: block !important; padding: 0em; diff --git a/node/src/files/components/semantic/modules/checkbox.js b/node/src/files/components/semantic/modules/checkbox.js index 1feb06442..1ecc34601 100644 --- a/node/src/files/components/semantic/modules/checkbox.js +++ b/node/src/files/components/semantic/modules/checkbox.js @@ -83,7 +83,8 @@ $.fn.checkbox = function(parameters) { destroy: function() { module.verbose('Destroying previous module'); $module - .off(namespace) + .off(eventNamespace) + .removeData(moduleNamespace) ; }, @@ -104,9 +105,6 @@ $.fn.checkbox = function(parameters) { enable: function() { module.debug('Enabling checkbox'); - $module - .addClass(className.active) - ; $input .prop('checked', true) ; @@ -116,9 +114,6 @@ $.fn.checkbox = function(parameters) { disable: function() { module.debug('Disabling checkbox'); - $module - .removeClass(className.active) - ; $input .prop('checked', false) ; @@ -312,7 +307,6 @@ $.fn.checkbox.settings = { }, className : { - active : 'active', radio : 'radio' } diff --git a/node/src/files/components/semantic/modules/transition.js b/node/src/files/components/semantic/modules/transition.js index d066f867b..813990405 100644 --- a/node/src/files/components/semantic/modules/transition.js +++ b/node/src/files/components/semantic/modules/transition.js @@ -106,6 +106,13 @@ $.fn.transition = function() { $module.addClass(className.animating); }, + direction: function() { + return $module.is(':visible') + ? 'out' + : 'in' + ; + }, + loop: function() { $module .addClass(className.loop) @@ -265,6 +272,7 @@ $.fn.transition = function() { module.originalClass = $module.attr('class'); module.originalStyle = $module.attr('style'); module.repaint(); + module.set.direction(); module.set.animating(); $module .addClass(className.transition) diff --git a/src/collections/grid.less b/src/collections/grid.less index 3aa59298e..6dce98c42 100755 --- a/src/collections/grid.less +++ b/src/collections/grid.less @@ -318,8 +318,9 @@ float: right; } + /*---------------------- - Divided + Divided -----------------------*/ .ui.divided.grid, @@ -345,6 +346,9 @@ -2px 0px 0px 0px rgba(255, 255, 255, 0.8) ; } +.ui.divided.grid > .column.row { + display: table; +} .ui.divided.grid > .column:first-child, .ui.divided.grid > .row > .column:first-child { -webkit-box-shadow: none; @@ -389,7 +393,9 @@ -moz-box-shadow: 0px 0px 0px 1px #DFDFDF; box-shadow: 0px 0px 0px 1px #DFDFDF; } -.ui.celled.grid > .row { +.ui.celled.grid > .row, +.ui.celled.grid > .column.row, +.ui.celled.grid > .column.row:first-child { display: table; width: 100%; margin-top: 0em; @@ -398,7 +404,7 @@ -moz-box-shadow: 0px -1px 0px 0px #DFDFDF; box-shadow: 0px -1px 0px 0px #DFDFDF; } -.ui.celled.grid > .column, +.ui.celled.grid > .column:not(.row), .ui.celled.grid > .row > .column { display: table-cell; padding: 0.75em; @@ -413,7 +419,7 @@ box-shadow: none; } -.ui.celled.repsonsive.grid { +.ui.celled.responsive.grid { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; @@ -486,12 +492,123 @@ display: table-cell; } + +/*---------------------- + Only (Device) +-----------------------*/ + +/* Mobile Only */ +@media only screen and (max-width : 768px) { + .ui.only.mobile.grid, + .ui.grid > .only.mobile.row { + display: block !important; + } + .ui.grid > .row > .only.mobile.column { + display: inline-block !important; + } + .ui.divided.only.mobile.grid, + .ui.celled.only.mobile.grid, + .ui.divided.only.mobile.grid .row, + .ui.celled.only.mobile.grid .row, + .ui.divided.grid .only.mobile.row, + .ui.celled.grid .only.mobile.row, + .ui.grid .only.mobile.equal.height.row, + .ui.only.mobile.grid .equal.height.row { + display: table !important; + } + .ui.divided.grid > .row > .only.mobile.column, + .ui.celled.grid > .row > .only.mobile.column, + .ui.divided.only.mobile.grid > .row > .column, + .ui.celled.only.mobile.grid > .row > .column, + .ui.divided.only.mobile.grid > .column, + .ui.celled.only.mobile.grid > .column { + display: table-cell !important; + } +} +@media only screen and (min-width : 768px) { + .ui.only.mobile.grid, + .ui.grid > .only.mobile.row, + .ui.grid > .row > .only.mobile.column { + display: none; + } +} +/* Tablet Only */ +@media only screen and (max-width : 998px) { + .ui.only.tablet.grid, + .ui.grid > .only.tablet.row { + display: block !important; + } + .ui.grid > .row > .only.tablet.column { + display: inline-block !important; + } + .ui.divided.only.tablet.grid, + .ui.celled.only.tablet.grid, + .ui.divided.only.tablet.grid .row, + .ui.celled.only.tablet.grid .row, + .ui.divided.grid .only.tablet.row, + .ui.celled.grid .only.tablet.row, + .ui.grid .only.tablet.equal.height.row, + .ui.only.tablet.grid .equal.height.row { + display: table !important; + } + .ui.divided.grid > .row > .only.tablet.column, + .ui.celled.grid > .row > .only.tablet.column, + .ui.divided.only.tablet.grid > .row > .column, + .ui.celled.only.tablet.grid > .row > .column, + .ui.divided.only.tablet.grid > .column, + .ui.celled.only.tablet.grid > .column { + display: table-cell !important; + } +} +@media only screen and (min-width : 768px) { + .ui.only.tablet.grid, + .ui.grid > .only.tablet.row, + .ui.grid > .row > .only.tablet.column { + display: none; + } +} +/* Computer Only */ +@media only screen and (min-width : 998px) { + .ui.only.computer.grid, + .ui.grid > .only.computer.row { + display: block !important; + } + .ui.grid > .row > .only.computer.column { + display: inline-block !important; + } + .ui.divided.only.computer.grid, + .ui.celled.only.computer.grid, + .ui.divided.only.computer.grid .row, + .ui.celled.only.computer.grid .row, + .ui.divided.grid .only.computer.row, + .ui.celled.grid .only.computer.row, + .ui.grid .only.computer.equal.height.row, + .ui.only.computer.grid .equal.height.row { + display: table !important; + } + .ui.divided.grid > .row > .only.computer.column, + .ui.celled.grid > .row > .only.computer.column, + .ui.divided.only.computer.grid > .row > .column, + .ui.celled.only.computer.grid > .row > .column, + .ui.divided.only.computer.grid > .column, + .ui.celled.only.computer.grid > .column { + display: table-cell !important; + } +} +@media only screen and (max-width : 998px) { + .ui.only.computer.grid, + .ui.grid > .only.computer.row, + .ui.grid > .row > .only.computer.column { + display: none; + } +} + /*------------------- Stackable --------------------*/ -@media only screen and (max-width : 960px) { +@media only screen and (max-width : 768px) { .ui.stackable.grid { display: block !important; padding: 0em; diff --git a/src/modules/checkbox.js b/src/modules/checkbox.js index 1feb06442..1ecc34601 100755 --- a/src/modules/checkbox.js +++ b/src/modules/checkbox.js @@ -83,7 +83,8 @@ $.fn.checkbox = function(parameters) { destroy: function() { module.verbose('Destroying previous module'); $module - .off(namespace) + .off(eventNamespace) + .removeData(moduleNamespace) ; }, @@ -104,9 +105,6 @@ $.fn.checkbox = function(parameters) { enable: function() { module.debug('Enabling checkbox'); - $module - .addClass(className.active) - ; $input .prop('checked', true) ; @@ -116,9 +114,6 @@ $.fn.checkbox = function(parameters) { disable: function() { module.debug('Disabling checkbox'); - $module - .removeClass(className.active) - ; $input .prop('checked', false) ; @@ -312,7 +307,6 @@ $.fn.checkbox.settings = { }, className : { - active : 'active', radio : 'radio' }