richard
/
SemanSemantic-UItic-UI
mirror of https://github.com/Semantic-Org/Semantic-UI.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Rebuild dist

pull/2850/head
jlukic 9 years ago
parent
d3b280b500
commit
1ca7ed05b9
16 changed files with 514 additions and 71 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 60
      dist/components/form.css
  2. 103
      dist/components/form.js
  3. 2
      dist/components/form.min.css
  4. 2
      dist/components/form.min.js
  5. 63
      dist/components/grid.css
  6. 2
      dist/components/grid.min.css
  7. 14
      dist/components/input.css
  8. 2
      dist/components/input.min.css
  9. 13
      dist/components/search.js
  10. 2
      dist/components/search.min.js
  11. 17
      dist/components/table.css
  12. 2
      dist/components/table.min.css
  13. 167
      dist/semantic.css
  14. 116
      dist/semantic.js
  15. 2
      dist/semantic.min.css
  16. 18
      dist/semantic.min.js

60
dist/components/form.css
View File

@ -77,8 +77,7 @@
.ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
.ui.form input[type="url"],
.ui.form .ui.input {
.ui.form input[type="url"] {
width: 100%;
vertical-align: top;
}
@ -116,11 +115,6 @@
transition: color 0.1s ease, border-color 0.1s ease;
}
/* Collapse Flex */
.ui.form .ui.input > input {
width: 0px !important;
}
/* Text Area */
.ui.form textarea {
margin: 0em;
@ -179,12 +173,16 @@
Dropdown
---------------------*/
/* Block */
.ui.form .field > .selection.dropdown {
width: 100%;
}
.ui.form .field > .selection.dropdown > .dropdown.icon {
float: right;
}
/* Inline */
.ui.form .inline.fields .field > .selection.dropdown,
.ui.form .inline.field > .selection.dropdown {
width: auto;
@ -194,6 +192,45 @@
float: none;
}
/*--------------------
UI Input
---------------------*/
/* Block */
.ui.form .fields .field .ui.input,
.ui.form .wide.field .ui.input {
width: 100%;
}
.ui.form .fields .field .ui.input input,
.ui.form .field .ui.input input {
width: auto;
}
/* Full Width */
.ui.form .ten.fields .ui.input input,
.ui.form .nine.fields .ui.input input,
.ui.form .eight.fields .ui.input input,
.ui.form .seven.fields .ui.input input,
.ui.form .six.fields .ui.input input,
.ui.form .five.fields .ui.input input,
.ui.form .four.fields .ui.input input,
.ui.form .three.fields .ui.input input,
.ui.form .two.fields .ui.input input,
.ui.form .wide.field .ui.input input {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 0px;
}
/* Inline */
.ui.form .inline.fields .field:not(.wide) .ui.input,
.ui.form .inline.field:not(.wide) .ui.input {
width: 100%;
}
/*--------------------
Dividers
---------------------*/
@ -361,7 +398,7 @@
}
/*--------------------
Error
Warning
---------------------*/
@ -950,10 +987,8 @@
/* Inline Input */
.ui.form .inline.fields .field > input,
.ui.form .inline.fields .field > select,
.ui.form .inline.fields .field > .ui.input,
.ui.form .inline.field > input,
.ui.form .inline.field > select,
.ui.form .inline.field > .ui.input {
.ui.form .inline.field > select {
display: inline-block;
width: auto;
margin-top: 0em;
@ -984,8 +1019,7 @@
align-items: center;
}
.ui.form .inline.fields .wide.field > input,
.ui.form .inline.fields .wide.field > select,
.ui.form .inline.fields .wide.field > .ui.input {
.ui.form .inline.fields .wide.field > select {
width: 100%;
}

103
dist/components/form.js
View File

@ -1244,6 +1244,109 @@ $.fn.form.settings = {
: false
;
},
creditCard: function(cardNumber, cardTypes) {
var
cards = {
visa: {
pattern : /^4/,
length : [16]
},
amex: {
pattern : /^3[47]/,
length : [15]
},
mastercard: {
pattern : /^5[1-5]/,
length : [16]
},
discover: {
pattern : /^(6011|622(12[6-9]|1[3-9][0-9]|[2-8][0-9]{2}|9[0-1][0-9]|92[0-5]|64[4-9])|65)/,
length : [16]
},
unionPay: {
pattern : /^(62|88)/,
length : [16, 17, 18, 19]
},
jcb: {
pattern : /^35(2[89]|[3-8][0-9])/,
length : [16]
},
maestro: {
pattern : /^(5018|5020|5038|6304|6759|676[1-3])/,
length : [12, 13, 14, 15, 16, 17, 18, 19]
},
dinersClub: {
pattern : /^(30[0-5]|^36)/,
length : [14]
},
laser: {
pattern : /^(6304|670[69]|6771)/,
length : [16, 17, 18, 19]
},
visaElectron: {
pattern : /^(4026|417500|4508|4844|491(3|7))/,
length : [16]
}
},
valid = {},
validCard = false,
requiredTypes = (typeof cardTypes == 'string')
? cardTypes.split(',')
: false,
unionPay,
validation
;
if(typeof cardNumber !== 'string' || cardNumber.length === 0) {
return;
}
// verify card types
if(requiredTypes) {
$.each(requiredTypes, function(index, type){
// verify each card type
validation = cards[type];
if(validation) {
valid = {
length : ($.inArray(cardNumber.length, validation.length) !== -1),
pattern : (cardNumber.search(validation.pattern) !== -1)
};
if(valid.length && valid.pattern) {
validCard = true;
}
}
});
if(!validCard) {
return false;
}
}
// skip luhn for UnionPay
unionPay = {
number : ($.inArray(cardNumber.length, cards.unionPay.length) !== -1),
pattern : (cardNumber.search(cards.unionPay.pattern) !== -1)
};
if(unionPay.number && unionPay.pattern) {
return true;
}
// verify luhn, adapted from <https://gist.github.com/2134376>
var
length = cardNumber.length,
multiple = 0,
producedValue = [
[0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
[0, 2, 4, 6, 8, 1, 3, 5, 7, 9]
],
sum = 0
;
while (length--) {
sum += producedValue[multiple][parseInt(cardNumber.charAt(length), 10)];
multiple ^= 1;
}
return (sum % 10 === 0 && sum > 0);
},
// different than another field
different: function(value, identifier) {

2
dist/components/form.min.css
File diff suppressed because it is too large
View File

2
dist/components/form.min.js
File diff suppressed because it is too large
View File

63
dist/components/grid.css
View File

@ -1479,6 +1479,69 @@
flex-grow: 0;
}
/*----------------------
Reverse
-----------------------*/
/* Mobile */
@media only screen and (max-width: 767px) {
.ui[class*="mobile reversed"].grid,
.ui.grid > [class*="mobile reversed"].row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.ui[class*="mobile vertically reversed"].grid,
.ui.stackable[class*="mobile reversed"] {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ui[class*="tablet reversed"].grid,
.ui.grid > [class*="tablet reversed"].row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.ui[class*="tablet vertically reversed"].grid {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
/* Mobile */
@media only screen and (min-width: 992px) {
.ui[class*="computer reversed"].grid,
.ui.grid > [class*="computer reversed"].row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.ui[class*="computer vertically reversed"].grid {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
/*-------------------
Doubling
--------------------*/

2
dist/components/grid.min.css
File diff suppressed because it is too large
View File

14
dist/components/input.css
View File

@ -318,24 +318,20 @@
/* Regular Label on Left */
.ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > input {
/*border-left: none;*/
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > .label {
border-right: none;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
/* Regular Label on Right */
.ui[class*="right labeled"].input > input {
/*border-right: none;*/
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.ui[class*="right labeled"].input > .label {
border-left: none;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
@ -408,7 +404,6 @@
/* Button on Right */
.ui.action.input:not([class*="left action"]) > input {
border-right: none;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
@ -424,6 +419,10 @@
}
/* Button on Left */
.ui[class*="left action"].input > input {
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
}
.ui[class*="left action"].input > .dropdown,
.ui[class*="left action"].input > .button,
.ui[class*="left action"].input > .buttons > .button {
@ -434,11 +433,6 @@
.ui[class*="left action"].input > .buttons:first-child > .button {
border-radius: 0.28571429rem 0px 0px 0.28571429rem;
}
.ui[class*="left action"].input > input {
border-left: none;
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
}
/*--------------------
Inverted

2
dist/components/input.min.css
File diff suppressed because it is too large
View File

13
dist/components/search.js
View File

@ -126,7 +126,9 @@ $.fn.search = function(parameters) {
module.set.focus();
if( module.has.minimumCharacters() ) {
module.query();
module.showResults();
if( module.can.show() ) {
module.showResults();
}
}
},
blur: function(event) {
@ -288,6 +290,9 @@ $.fn.search = function(parameters) {
useAPI: function() {
return $.fn.api !== undefined;
},
show: function() {
return module.is.focused() && !module.is.visible() && !module.is.empty();
},
transition: function() {
return settings.transition && $.fn.transition !== undefined && $module.transition('is supported');
}
@ -752,11 +757,13 @@ $.fn.search = function(parameters) {
$results
.html(html)
;
module.showResults();
if( module.can.show() ) {
module.showResults();
}
},
showResults: function() {
if( !module.is.visible() && module.is.focused() && !module.is.empty() ) {
if(!module.is.visible()) {
if( module.can.transition() ) {
module.debug('Showing results with css animations');
$results

2
dist/components/search.min.js
File diff suppressed because it is too large
View File

17
dist/components/table.css
View File

@ -453,6 +453,19 @@
white-space: nowrap;
}
/*--------------
Fixed
---------------*/
.ui.fixed.table {
table-layout: fixed;
}
.ui.fixed.table th,
.ui.fixed.table td {
overflow: hidden;
text-overflow: ellipsis;
}
/*--------------
Hoverable
---------------*/
@ -559,6 +572,10 @@
Single Line
---------------*/
.ui.table[class*="single line"],
.ui.table [class*="single line"] {
white-space: nowrap;
}
.ui.table[class*="single line"],
.ui.table [class*="single line"] {
white-space: nowrap;

2
dist/components/table.min.css
File diff suppressed because it is too large
View File

167
dist/semantic.css
View File

@ -10927,13 +10927,11 @@ img.ui.bordered.image {
/* Regular Label on Left */
.ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > input {
/*border-left: none;*/
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > .label {
border-right: none;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
@ -10941,13 +10939,11 @@ img.ui.bordered.image {
/* Regular Label on Right */
.ui[class*="right labeled"].input > input {
/*border-right: none;*/
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.ui[class*="right labeled"].input > .label {
border-left: none;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
@ -11031,7 +11027,6 @@ img.ui.bordered.image {
/* Button on Right */
.ui.action.input:not([class*="left action"]) > input {
border-right: none;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
@ -11050,6 +11045,11 @@ img.ui.bordered.image {
/* Button on Left */
.ui[class*="left action"].input > input {
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
}
.ui[class*="left action"].input > .dropdown,
.ui[class*="left action"].input > .button,
.ui[class*="left action"].input > .buttons > .button {
@ -11062,12 +11062,6 @@ img.ui.bordered.image {
border-radius: 0.28571429rem 0px 0px 0.28571429rem;
}
.ui[class*="left action"].input > input {
border-left: none;
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
}
/*--------------------
Inverted
---------------------*/
@ -16096,8 +16090,7 @@ ol.ui.horizontal.list li:before,
.ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
.ui.form input[type="url"],
.ui.form .ui.input {
.ui.form input[type="url"] {
width: 100%;
vertical-align: top;
}
@ -16137,12 +16130,6 @@ ol.ui.horizontal.list li:before,
transition: color 0.1s ease, border-color 0.1s ease;
}
/* Collapse Flex */
.ui.form .ui.input > input {
width: 0px !important;
}
/* Text Area */
.ui.form textarea {
@ -16204,6 +16191,8 @@ ol.ui.horizontal.list li:before,
Dropdown
---------------------*/
/* Block */
.ui.form .field > .selection.dropdown {
width: 100%;
}
@ -16212,6 +16201,8 @@ ol.ui.horizontal.list li:before,
float: right;
}
/* Inline */
.ui.form .inline.fields .field > .selection.dropdown,
.ui.form .inline.field > .selection.dropdown {
width: auto;
@ -16222,6 +16213,48 @@ ol.ui.horizontal.list li:before,
float: none;
}
/*--------------------
UI Input
---------------------*/
/* Block */
.ui.form .fields .field .ui.input,
.ui.form .wide.field .ui.input {
width: 100%;
}
.ui.form .fields .field .ui.input input,
.ui.form .field .ui.input input {
width: auto;
}
/* Full Width */
.ui.form .ten.fields .ui.input input,
.ui.form .nine.fields .ui.input input,
.ui.form .eight.fields .ui.input input,
.ui.form .seven.fields .ui.input input,
.ui.form .six.fields .ui.input input,
.ui.form .five.fields .ui.input input,
.ui.form .four.fields .ui.input input,
.ui.form .three.fields .ui.input input,
.ui.form .two.fields .ui.input input,
.ui.form .wide.field .ui.input input {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 0px;
}
/* Inline */
.ui.form .inline.fields .field:not(.wide) .ui.input,
.ui.form .inline.field:not(.wide) .ui.input {
width: 100%;
}
/*--------------------
Dividers
---------------------*/
@ -16405,7 +16438,7 @@ ol.ui.horizontal.list li:before,
}
/*--------------------
Error
Warning
---------------------*/
/* On Form */
@ -17059,10 +17092,8 @@ ol.ui.horizontal.list li:before,
.ui.form .inline.fields .field > input,
.ui.form .inline.fields .field > select,
.ui.form .inline.fields .field > .ui.input,
.ui.form .inline.field > input,
.ui.form .inline.field > select,
.ui.form .inline.field > .ui.input {
.ui.form .inline.field > select {
display: inline-block;
width: auto;
margin-top: 0em;
@ -17097,8 +17128,7 @@ ol.ui.horizontal.list li:before,
}
.ui.form .inline.fields .wide.field > input,
.ui.form .inline.fields .wide.field > select,
.ui.form .inline.fields .wide.field > .ui.input {
.ui.form .inline.fields .wide.field > select {
width: 100%;
}
@ -18810,6 +18840,74 @@ ol.ui.horizontal.list li:before,
flex-grow: 0;
}
/*----------------------
Reverse
-----------------------*/
/* Mobile */
@media only screen and (max-width: 767px) {
.ui[class*="mobile reversed"].grid,
.ui.grid > [class*="mobile reversed"].row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.ui[class*="mobile vertically reversed"].grid,
.ui.stackable[class*="mobile reversed"] {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ui[class*="tablet reversed"].grid,
.ui.grid > [class*="tablet reversed"].row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.ui[class*="tablet vertically reversed"].grid {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
/* Mobile */
@media only screen and (min-width: 992px) {
.ui[class*="computer reversed"].grid,
.ui.grid > [class*="computer reversed"].row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.ui[class*="computer vertically reversed"].grid {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
/*-------------------
Doubling
--------------------*/
@ -22472,6 +22570,20 @@ Floated Menu / Item
white-space: nowrap;
}
/*--------------
Fixed
---------------*/
.ui.fixed.table {
table-layout: fixed;
}
.ui.fixed.table th,
.ui.fixed.table td {
overflow: hidden;
text-overflow: ellipsis;
}
/*--------------
Hoverable
---------------*/
@ -22595,6 +22707,11 @@ Floated Menu / Item
white-space: nowrap;
}
.ui.table[class*="single line"],
.ui.table [class*="single line"] {
white-space: nowrap;
}
/*-------------------
Colors
--------------------*/

116
dist/semantic.js
View File

@ -1741,6 +1741,109 @@ $.fn.form.settings = {
: false
;
},
creditCard: function(cardNumber, cardTypes) {
var
cards = {
visa: {
pattern : /^4/,
length : [16]
},
amex: {
pattern : /^3[47]/,
length : [15]
},
mastercard: {
pattern : /^5[1-5]/,
length : [16]
},
discover: {
pattern : /^(6011|622(12[6-9]|1[3-9][0-9]|[2-8][0-9]{2}|9[0-1][0-9]|92[0-5]|64[4-9])|65)/,
length : [16]
},
unionPay: {
pattern : /^(62|88)/,
length : [16, 17, 18, 19]
},
jcb: {
pattern : /^35(2[89]|[3-8][0-9])/,
length : [16]
},
maestro: {
pattern : /^(5018|5020|5038|6304|6759|676[1-3])/,
length : [12, 13, 14, 15, 16, 17, 18, 19]
},
dinersClub: {
pattern : /^(30[0-5]|^36)/,
length : [14]
},
laser: {
pattern : /^(6304|670[69]|6771)/,
length : [16, 17, 18, 19]
},
visaElectron: {
pattern : /^(4026|417500|4508|4844|491(3|7))/,
length : [16]
}
},
valid = {},
validCard = false,
requiredTypes = (typeof cardTypes == 'string')
? cardTypes.split(',')
: false,
unionPay,
validation
;
if(typeof cardNumber !== 'string' || cardNumber.length === 0) {
return;
}
// verify card types
if(requiredTypes) {
$.each(requiredTypes, function(index, type){
// verify each card type
validation = cards[type];
if(validation) {
valid = {
length : ($.inArray(cardNumber.length, validation.length) !== -1),
pattern : (cardNumber.search(validation.pattern) !== -1)
};
if(valid.length && valid.pattern) {
validCard = true;
}
}
});
if(!validCard) {
return false;
}
}
// skip luhn for UnionPay
unionPay = {
number : ($.inArray(cardNumber.length, cards.unionPay.length) !== -1),
pattern : (cardNumber.search(cards.unionPay.pattern) !== -1)
};
if(unionPay.number && unionPay.pattern) {
return true;
}
// verify luhn, adapted from <https://gist.github.com/2134376>
var
length = cardNumber.length,
multiple = 0,
producedValue = [
[0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
[0, 2, 4, 6, 8, 1, 3, 5, 7, 9]
],
sum = 0
;
while (length--) {
sum += producedValue[multiple][parseInt(cardNumber.charAt(length), 10)];
multiple ^= 1;
}
return (sum % 10 === 0 && sum > 0);
},
// different than another field
different: function(value, identifier) {
@ -12100,7 +12203,9 @@ $.fn.search = function(parameters) {
module.set.focus();
if( module.has.minimumCharacters() ) {
module.query();
module.showResults();
if( module.can.show() ) {
module.showResults();
}
}
},
blur: function(event) {
@ -12262,6 +12367,9 @@ $.fn.search = function(parameters) {
useAPI: function() {
return $.fn.api !== undefined;
},
show: function() {
return module.is.focused() && !module.is.visible() && !module.is.empty();
},
transition: function() {
return settings.transition && $.fn.transition !== undefined && $module.transition('is supported');
}
@ -12726,11 +12834,13 @@ $.fn.search = function(parameters) {
$results
.html(html)
;
module.showResults();
if( module.can.show() ) {
module.showResults();
}
},
showResults: function() {
if( !module.is.visible() && module.is.focused() && !module.is.empty() ) {
if(!module.is.visible()) {
if( module.can.transition() ) {
module.debug('Showing results with css animations');
$results

2
dist/semantic.min.css
File diff suppressed because it is too large
View File

18
dist/semantic.min.js
File diff suppressed because it is too large
View File

Write Preview
Loading…
Cancel
Save