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/2979/head
Jack Lukic 9 years ago
parent
641a837a99
commit
da2bfe1f93
29 changed files with 521 additions and 443 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 200
      dist/components/button.css
  2. 2
      dist/components/button.min.css
  3. 12
      dist/components/checkbox.css
  4. 2
      dist/components/checkbox.min.css
  5. 14
      dist/components/dropdown.css
  6. 65
      dist/components/dropdown.js
  7. 2
      dist/components/dropdown.min.css
  8. 5
      dist/components/dropdown.min.js
  9. 5
      dist/components/form.css
  10. 2
      dist/components/form.min.css
  11. 41
      dist/components/icon.css
  12. 2
      dist/components/icon.min.css
  13. 26
      dist/components/input.css
  14. 2
      dist/components/input.min.css
  15. 35
      dist/components/menu.css
  16. 2
      dist/components/menu.min.css
  17. 12
      dist/components/nag.js
  18. 2
      dist/components/nag.min.js
  19. 4
      dist/components/popup.js
  20. 2
      dist/components/popup.min.js
  21. 16
      dist/components/reveal.css
  22. 2
      dist/components/reveal.min.css
  23. 4
      dist/components/search.js
  24. 13
      dist/components/step.css
  25. 2
      dist/components/step.min.css
  26. 386
      dist/semantic.css
  27. 85
      dist/semantic.js
  28. 2
      dist/semantic.min.css
  29. 17
      dist/semantic.min.js

200
dist/components/button.css
View File

@ -407,8 +407,16 @@
margin: 0px;
}
.ui.labeled.button > .label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0px 0px 0px -1px;
padding: 0.78571429em 1.5em;
padding: '';
font-size: 1em;
border-color: rgba(34, 36, 38, 0.15);
}
@ -589,7 +597,7 @@
Icon
---------------*/
.ui.button > .icon {
.ui.button > .icon:not(.button) {
height: 0.85714286em;
opacity: 0.8;
margin: 0em 0.42857143em 0em -0.21428571em;
@ -598,7 +606,7 @@
vertical-align: '';
color: '';
}
.ui.button > .right.icon {
.ui.button > .right.icon:not(.button) {
margin: 0em -0.21428571em 0em 0.42857143em;
}
@ -873,7 +881,9 @@
width: 100%;
top: 50%;
text-align: center;
margin-top: -0.5em;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.ui.labeled.icon.buttons .button > .icon {
border-radius: 0em;
@ -1261,34 +1271,34 @@
/* Basic */
.ui.basic.black.buttons .button,
.ui.basic.black.button {
box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset !important;
color: rgba(0, 0, 0, 0.6) !important;
box-shadow: 0px 0px 0px 1px #1b1c1d inset !important;
color: #1b1c1d !important;
}
.ui.basic.black.buttons .button:hover,
.ui.basic.black.button:hover {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #27292a inset !important;
box-shadow: 0px 0px 0px 1px #27292a inset !important;
color: #27292a !important;
}
.ui.basic.black.buttons .button:focus,
.ui.basic.black.button:focus {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #2f3032 inset !important;
box-shadow: 0px 0px 0px 1px #2f3032 inset !important;
color: #27292a !important;
}
.ui.basic.black.buttons .active.button,
.ui.basic.black.active.button {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #0f0f10 inset !important;
box-shadow: 0px 0px 0px 1px #0f0f10 inset !important;
color: #343637 !important;
}
.ui.basic.black.buttons .button:active,
.ui.basic.black.button:active {
box-shadow: 0px 0px 0px 2px #343637 inset !important;
box-shadow: 0px 0px 0px 1px #343637 inset !important;
color: #343637 !important;
}
.ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) {
margin-left: -2px;
margin-left: -1px;
}
/* Inverted */
@ -1401,34 +1411,34 @@
/* Basic */
.ui.basic.grey.buttons .button,
.ui.basic.grey.button {
box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset !important;
color: rgba(0, 0, 0, 0.6) !important;
box-shadow: 0px 0px 0px 1px #767676 inset !important;
color: #767676 !important;
}
.ui.basic.grey.buttons .button:hover,
.ui.basic.grey.button:hover {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #838383 inset !important;
box-shadow: 0px 0px 0px 1px #838383 inset !important;
color: #838383 !important;
}
.ui.basic.grey.buttons .button:focus,
.ui.basic.grey.button:focus {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #8a8a8a inset !important;
box-shadow: 0px 0px 0px 1px #8a8a8a inset !important;
color: #838383 !important;
}
.ui.basic.grey.buttons .active.button,
.ui.basic.grey.active.button {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #696969 inset !important;
box-shadow: 0px 0px 0px 1px #696969 inset !important;
color: #909090 !important;
}
.ui.basic.grey.buttons .button:active,
.ui.basic.grey.button:active {
box-shadow: 0px 0px 0px 2px #909090 inset !important;
box-shadow: 0px 0px 0px 1px #909090 inset !important;
color: #909090 !important;
}
.ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) {
margin-left: -2px;
margin-left: -1px;
}
/* Inverted */
@ -1541,34 +1551,34 @@
/* Basic */
.ui.basic.brown.buttons .button,
.ui.basic.brown.button {
box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset !important;
color: rgba(0, 0, 0, 0.6) !important;
box-shadow: 0px 0px 0px 1px #a5673f inset !important;
color: #a5673f !important;
}
.ui.basic.brown.buttons .button:hover,
.ui.basic.brown.button:hover {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #975b33 inset !important;
box-shadow: 0px 0px 0px 1px #975b33 inset !important;
color: #975b33 !important;
}
.ui.basic.brown.buttons .button:focus,
.ui.basic.brown.button:focus {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #90532b inset !important;
box-shadow: 0px 0px 0px 1px #90532b inset !important;
color: #975b33 !important;
}
.ui.basic.brown.buttons .active.button,
.ui.basic.brown.active.button {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #995a31 inset !important;
box-shadow: 0px 0px 0px 1px #995a31 inset !important;
color: #805031 !important;
}
.ui.basic.brown.buttons .button:active,
.ui.basic.brown.button:active {
box-shadow: 0px 0px 0px 2px #805031 inset !important;
box-shadow: 0px 0px 0px 1px #805031 inset !important;
color: #805031 !important;
}
.ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) {
margin-left: -2px;
margin-left: -1px;
}
/* Inverted */
@ -1681,34 +1691,34 @@
/* Basic */
.ui.basic.blue.buttons .button,
.ui.basic.blue.button {
box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset !important;
color: rgba(0, 0, 0, 0.6) !important;
box-shadow: 0px 0px 0px 1px #2185d0 inset !important;
color: #2185d0 !important;
}
.ui.basic.blue.buttons .button:hover,
.ui.basic.blue.button:hover {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #1678c2 inset !important;
box-shadow: 0px 0px 0px 1px #1678c2 inset !important;
color: #1678c2 !important;
}
.ui.basic.blue.buttons .button:focus,
.ui.basic.blue.button:focus {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #0d71bb inset !important;
box-shadow: 0px 0px 0px 1px #0d71bb inset !important;
color: #1678c2 !important;
}
.ui.basic.blue.buttons .active.button,
.ui.basic.blue.active.button {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #1279c6 inset !important;
box-shadow: 0px 0px 0px 1px #1279c6 inset !important;
color: #1a69a4 !important;
}
.ui.basic.blue.buttons .button:active,
.ui.basic.blue.button:active {
box-shadow: 0px 0px 0px 2px #1a69a4 inset !important;
box-shadow: 0px 0px 0px 1px #1a69a4 inset !important;
color: #1a69a4 !important;
}
.ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) {
margin-left: -2px;
margin-left: -1px;
}
/* Inverted */
@ -1821,34 +1831,34 @@
/* Basic */
.ui.basic.green.buttons .button,
.ui.basic.green.button {
box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset !important;
color: rgba(0, 0, 0, 0.6) !important;
box-shadow: 0px 0px 0px 1px #21ba45 inset !important;
color: #21ba45 !important;
}
.ui.basic.green.buttons .button:hover,
.ui.basic.green.button:hover {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #16ab39 inset !important;
box-shadow: 0px 0px 0px 1px #16ab39 inset !important;
color: #16ab39 !important;
}
.ui.basic.green.buttons .button:focus,
.ui.basic.green.button:focus {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #0ea432 inset !important;
box-shadow: 0px 0px 0px 1px #0ea432 inset !important;
color: #16ab39 !important;
}
.ui.basic.green.buttons .active.button,
.ui.basic.green.active.button {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #13ae38 inset !important;
box-shadow: 0px 0px 0px 1px #13ae38 inset !important;
color: #198f35 !important;
}
.ui.basic.green.buttons .button:active,
.ui.basic.green.button:active {
box-shadow: 0px 0px 0px 2px #198f35 inset !important;
box-shadow: 0px 0px 0px 1px #198f35 inset !important;
color: #198f35 !important;
}
.ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) {
margin-left: -2px;
margin-left: -1px;
}
/* Inverted */
@ -1961,34 +1971,34 @@
/* Basic */
.ui.basic.orange.buttons .button,
.ui.basic.orange.button {
box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset !important;
color: rgba(0, 0, 0, 0.6) !important;
box-shadow: 0px 0px 0px 1px #f2711c inset !important;
color: #f2711c !important;
}
.ui.basic.orange.buttons .button:hover,
.ui.basic.orange.button:hover {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #f26202 inset !important;
box-shadow: 0px 0px 0px 1px #f26202 inset !important;
color: #f26202 !important;
}
.ui.basic.orange.buttons .button:focus,
.ui.basic.orange.button:focus {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #e55b00 inset !important;
box-shadow: 0px 0px 0px 1px #e55b00 inset !important;
color: #f26202 !important;
}
.ui.basic.orange.buttons .active.button,
.ui.basic.orange.active.button {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #f56100 inset !important;
box-shadow: 0px 0px 0px 1px #f56100 inset !important;
color: #cf590c !important;
}
.ui.basic.orange.buttons .button:active,
.ui.basic.orange.button:active {
box-shadow: 0px 0px 0px 2px #cf590c inset !important;
box-shadow: 0px 0px 0px 1px #cf590c inset !important;
color: #cf590c !important;
}
.ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) {
margin-left: -2px;
margin-left: -1px;
}
/* Inverted */
@ -2101,34 +2111,34 @@
/* Basic */
.ui.basic.pink.buttons .button,
.ui.basic.pink.button {
box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset !important;
color: rgba(0, 0, 0, 0.6) !important;
box-shadow: 0px 0px 0px 1px #e03997 inset !important;
color: #e03997 !important;
}
.ui.basic.pink.buttons .button:hover,
.ui.basic.pink.button:hover {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #e61a8d inset !important;
box-shadow: 0px 0px 0px 1px #e61a8d inset !important;
color: #e61a8d !important;
}
.ui.basic.pink.buttons .button:focus,
.ui.basic.pink.button:focus {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #e10f85 inset !important;
box-shadow: 0px 0px 0px 1px #e10f85 inset !important;
color: #e61a8d !important;
}
.ui.basic.pink.buttons .active.button,
.ui.basic.pink.active.button {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #ea158d inset !important;
box-shadow: 0px 0px 0px 1px #ea158d inset !important;
color: #c71f7e !important;
}
.ui.basic.pink.buttons .button:active,
.ui.basic.pink.button:active {
box-shadow: 0px 0px 0px 2px #c71f7e inset !important;
box-shadow: 0px 0px 0px 1px #c71f7e inset !important;
color: #c71f7e !important;
}
.ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) {
margin-left: -2px;
margin-left: -1px;
}
/* Inverted */
@ -2241,34 +2251,34 @@
/* Basic */
.ui.basic.violet.buttons .button,
.ui.basic.violet.button {
box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset !important;
color: rgba(0, 0, 0, 0.6) !important;
box-shadow: 0px 0px 0px 1px #6435c9 inset !important;
color: #6435c9 !important;
}
.ui.basic.violet.buttons .button:hover,
.ui.basic.violet.button:hover {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #5829bb inset !important;
box-shadow: 0px 0px 0px 1px #5829bb inset !important;
color: #5829bb !important;
}
.ui.basic.violet.buttons .button:focus,
.ui.basic.violet.button:focus {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #4f20b5 inset !important;
box-shadow: 0px 0px 0px 1px #4f20b5 inset !important;
color: #5829bb !important;
}
.ui.basic.violet.buttons .active.button,
.ui.basic.violet.active.button {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #5626bf inset !important;
box-shadow: 0px 0px 0px 1px #5626bf inset !important;
color: #502aa1 !important;
}
.ui.basic.violet.buttons .button:active,
.ui.basic.violet.button:active {
box-shadow: 0px 0px 0px 2px #502aa1 inset !important;
box-shadow: 0px 0px 0px 1px #502aa1 inset !important;
color: #502aa1 !important;
}
.ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) {
margin-left: -2px;
margin-left: -1px;
}
/* Inverted */
@ -2381,34 +2391,34 @@
/* Basic */
.ui.basic.purple.buttons .button,
.ui.basic.purple.button {
box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset !important;
color: rgba(0, 0, 0, 0.6) !important;
box-shadow: 0px 0px 0px 1px #a333c8 inset !important;
color: #a333c8 !important;
}
.ui.basic.purple.buttons .button:hover,
.ui.basic.purple.button:hover {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #9627ba inset !important;
box-shadow: 0px 0px 0px 1px #9627ba inset !important;
color: #9627ba !important;
}
.ui.basic.purple.buttons .button:focus,
.ui.basic.purple.button:focus {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #8f1eb4 inset !important;
box-shadow: 0px 0px 0px 1px #8f1eb4 inset !important;
color: #9627ba !important;
}
.ui.basic.purple.buttons .active.button,
.ui.basic.purple.active.button {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #9724be inset !important;
box-shadow: 0px 0px 0px 1px #9724be inset !important;
color: #82299f !important;
}
.ui.basic.purple.buttons .button:active,
.ui.basic.purple.button:active {
box-shadow: 0px 0px 0px 2px #82299f inset !important;
box-shadow: 0px 0px 0px 1px #82299f inset !important;
color: #82299f !important;
}
.ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) {
margin-left: -2px;
margin-left: -1px;
}
/* Inverted */
@ -2521,34 +2531,34 @@
/* Basic */
.ui.basic.red.buttons .button,
.ui.basic.red.button {
box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset !important;
color: rgba(0, 0, 0, 0.6) !important;
box-shadow: 0px 0px 0px 1px #db2828 inset !important;
color: #db2828 !important;
}
.ui.basic.red.buttons .button:hover,
.ui.basic.red.button:hover {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #d01919 inset !important;
box-shadow: 0px 0px 0px 1px #d01919 inset !important;
color: #d01919 !important;
}
.ui.basic.red.buttons .button:focus,
.ui.basic.red.button:focus {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #ca1010 inset !important;
box-shadow: 0px 0px 0px 1px #ca1010 inset !important;
color: #d01919 !important;
}
.ui.basic.red.buttons .active.button,
.ui.basic.red.active.button {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #d41515 inset !important;
box-shadow: 0px 0px 0px 1px #d41515 inset !important;
color: #b21e1e !important;
}
.ui.basic.red.buttons .button:active,
.ui.basic.red.button:active {
box-shadow: 0px 0px 0px 2px #b21e1e inset !important;
box-shadow: 0px 0px 0px 1px #b21e1e inset !important;
color: #b21e1e !important;
}
.ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) {
margin-left: -2px;
margin-left: -1px;
}
/* Inverted */
@ -2661,34 +2671,34 @@
/* Basic */
.ui.basic.teal.buttons .button,
.ui.basic.teal.button {
box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset !important;
color: rgba(0, 0, 0, 0.6) !important;
box-shadow: 0px 0px 0px 1px #00b5ad inset !important;
color: #00b5ad !important;
}
.ui.basic.teal.buttons .button:hover,
.ui.basic.teal.button:hover {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #009c95 inset !important;
box-shadow: 0px 0px 0px 1px #009c95 inset !important;
color: #009c95 !important;
}
.ui.basic.teal.buttons .button:focus,
.ui.basic.teal.button:focus {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #008c86 inset !important;
box-shadow: 0px 0px 0px 1px #008c86 inset !important;
color: #009c95 !important;
}
.ui.basic.teal.buttons .active.button,
.ui.basic.teal.active.button {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #009c95 inset !important;
box-shadow: 0px 0px 0px 1px #009c95 inset !important;
color: #00827c !important;
}
.ui.basic.teal.buttons .button:active,
.ui.basic.teal.button:active {
box-shadow: 0px 0px 0px 2px #00827c inset !important;
box-shadow: 0px 0px 0px 1px #00827c inset !important;
color: #00827c !important;
}
.ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) {
margin-left: -2px;
margin-left: -1px;
}
/* Inverted */
@ -2801,34 +2811,34 @@
/* Basic */
.ui.basic.olive.buttons .button,
.ui.basic.olive.button {
box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset !important;
color: rgba(0, 0, 0, 0.6) !important;
box-shadow: 0px 0px 0px 1px #b5cc18 inset !important;
color: #b5cc18 !important;
}
.ui.basic.olive.buttons .button:hover,
.ui.basic.olive.button:hover {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #a7bd0d inset !important;
box-shadow: 0px 0px 0px 1px #a7bd0d inset !important;
color: #a7bd0d !important;
}
.ui.basic.olive.buttons .button:focus,
.ui.basic.olive.button:focus {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #a0b605 inset !important;
box-shadow: 0px 0px 0px 1px #a0b605 inset !important;
color: #a7bd0d !important;
}
.ui.basic.olive.buttons .active.button,
.ui.basic.olive.active.button {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #aac109 inset !important;
box-shadow: 0px 0px 0px 1px #aac109 inset !important;
color: #8d9e13 !important;
}
.ui.basic.olive.buttons .button:active,
.ui.basic.olive.button:active {
box-shadow: 0px 0px 0px 2px #8d9e13 inset !important;
box-shadow: 0px 0px 0px 1px #8d9e13 inset !important;
color: #8d9e13 !important;
}
.ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) {
margin-left: -2px;
margin-left: -1px;
}
/* Inverted */
@ -2941,34 +2951,34 @@
/* Basic */
.ui.basic.yellow.buttons .button,
.ui.basic.yellow.button {
box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset !important;
color: rgba(0, 0, 0, 0.6) !important;
box-shadow: 0px 0px 0px 1px #fbbd08 inset !important;
color: #fbbd08 !important;
}
.ui.basic.yellow.buttons .button:hover,
.ui.basic.yellow.button:hover {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #eaae00 inset !important;
box-shadow: 0px 0px 0px 1px #eaae00 inset !important;
color: #eaae00 !important;
}
.ui.basic.yellow.buttons .button:focus,
.ui.basic.yellow.button:focus {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #daa300 inset !important;
box-shadow: 0px 0px 0px 1px #daa300 inset !important;
color: #eaae00 !important;
}
.ui.basic.yellow.buttons .active.button,
.ui.basic.yellow.active.button {
background: transparent !important;
box-shadow: 0px 0px 0px 2px #eaae00 inset !important;
box-shadow: 0px 0px 0px 1px #eaae00 inset !important;
color: #cd9903 !important;
}
.ui.basic.yellow.buttons .button:active,
.ui.basic.yellow.button:active {
box-shadow: 0px 0px 0px 2px #cd9903 inset !important;
box-shadow: 0px 0px 0px 1px #cd9903 inset !important;
color: #cd9903 !important;
}
.ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) {
margin-left: -2px;
margin-left: -1px;
}
/* Inverted */

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

12
dist/components/checkbox.css
View File

@ -155,8 +155,8 @@
.ui.checkbox input:focus ~ .box:before,
.ui.checkbox input:focus ~ label:before {
background: #f9fafb;
border-color: rgba(34, 36, 38, 0.35);
background: #ffffff;
border-color: #96c8da;
}
.ui.checkbox input:focus ~ .box:after,
.ui.checkbox input:focus ~ label:after {
@ -204,8 +204,8 @@
.ui.checkbox input:indeterminate:focus ~ label:before,
.ui.checkbox input:checked:focus ~ .box:before,
.ui.checkbox input:checked:focus ~ label:before {
background: #f9fafb;
border-color: rgba(34, 36, 38, 0.5);
background: #ffffff;
border-color: #96c8da;
}
.ui.checkbox input:indeterminate:focus ~ .box:after,
.ui.checkbox input:indeterminate:focus ~ label:after,
@ -315,7 +315,7 @@
/* Focus */
.ui.radio.checkbox input:focus ~ .box:before,
.ui.radio.checkbox input:focus ~ label:before {
background-color: #f9fafb;
background-color: #ffffff;
}
.ui.radio.checkbox input:focus ~ .box:after,
.ui.radio.checkbox input:focus ~ label:after {
@ -341,7 +341,7 @@
/* Active Focus */
.ui.radio.checkbox input:focus:checked ~ .box:before,
.ui.radio.checkbox input:focus:checked ~ label:before {
background-color: #f9fafb;
background-color: #ffffff;
}
.ui.radio.checkbox input:focus:checked ~ .box:after,
.ui.radio.checkbox input:focus:checked ~ label:after {

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

14
dist/components/dropdown.css
View File

@ -460,21 +460,21 @@ select.ui.dropdown {
/* Active */
.ui.selection.active.dropdown {
border-color: rgba(34, 36, 38, 0.35);
border-color: #96c8da;
box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}
.ui.selection.active.dropdown .menu {
border-color: rgba(34, 36, 38, 0.35);
border-color: #96c8da;
box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}
/* Focus */
.ui.selection.dropdown:focus {
border-color: rgba(34, 36, 38, 0.35);
border-color: #96c8da;
box-shadow: none;
}
.ui.selection.dropdown:focus .menu {
border-color: rgba(34, 36, 38, 0.35);
border-color: #96c8da;
box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}
@ -486,11 +486,11 @@ select.ui.dropdown {
/* Visible Hover */
.ui.selection.active.dropdown:hover {
border-color: rgba(34, 36, 38, 0.35);
border-color: #96c8da;
box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}
.ui.selection.active.dropdown:hover .menu {
border-color: rgba(34, 36, 38, 0.35);
border-color: #96c8da;
box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}
@ -622,7 +622,7 @@ select.ui.dropdown {
-ms-user-select: none;
user-select: none;
display: inline-block;
vertical-align: baseline;
vertical-align: top;
white-space: normal;
font-size: 1em;
padding: 0.35714286em 0.71428571em;

65
dist/components/dropdown.js
View File

@ -39,6 +39,7 @@ $.fn.dropdown = function(parameters) {
className = settings.className,
message = settings.message,
fields = settings.fields,
metadata = settings.metadata,
namespace = settings.namespace,
regExp = settings.regExp,
@ -180,10 +181,11 @@ $.fn.dropdown = function(parameters) {
;
$.each(values, function(index, value) {
if(module.get.item(value) === false) {
html = settings.templates.addition(value);
html = settings.templates.addition( module.add.variables(message.addResult, value) );
$userChoice = $('<div />')
.html(html)
.data(metadata.value, value)
.attr('data-' + metadata.value, value)
.attr('data-' + metadata.text, value)
.addClass(className.addition)
.addClass(className.item)
;
@ -328,7 +330,7 @@ $.fn.dropdown = function(parameters) {
module.refresh();
},
menu: function(values) {
$menu.html( templates.menu( values ));
$menu.html( templates.menu(values, fields));
$item = $menu.find(selector.item);
},
reference: function() {
@ -1562,10 +1564,10 @@ $.fn.dropdown = function(parameters) {
return false;
}
return ($choice.data(metadata.value) !== undefined)
? $choice.data(metadata.value)
? String( $choice.data(metadata.value) )
: (typeof choiceText === 'string')
? $.trim(choiceText.toLowerCase())
: choiceText
: String(choiceText)
;
},
inputEvent: function() {
@ -1688,7 +1690,7 @@ $.fn.dropdown = function(parameters) {
return;
}
if(isMultiple) {
if($.inArray(optionValue.toString(), value) !== -1 || $.inArray(optionText, value) !== -1) {
if($.inArray( String(optionValue), value) !== -1 || $.inArray(optionText, value) !== -1) {
$selectedItem = ($selectedItem)
? $selectedItem.add($choice)
: $choice
@ -1703,7 +1705,7 @@ $.fn.dropdown = function(parameters) {
}
}
else {
if( optionValue.toString() == value.toString() || optionText == value) {
if( String(optionValue) == String(value) || optionText == value) {
module.verbose('Found select item by value', optionValue, value);
$selectedItem = $choice;
return true;
@ -2018,6 +2020,14 @@ $.fn.dropdown = function(parameters) {
module.verbose('Setting initial load');
initialLoad = true;
},
activeItem: function($item) {
if( settings.allowAdditions && $item.filter(selector.addition).length > 0 ) {
$item.addClass(className.filtered);
}
else {
$item.addClass(className.active);
}
},
scrollPosition: function($item, forceScroll) {
var
edgeTolerance = 5,
@ -2143,8 +2153,8 @@ $.fn.dropdown = function(parameters) {
hasInput = ($input.length > 0),
isAddition = !module.has.value(value),
currentValue = module.get.values(),
stringValue = (typeof value == 'number')
? value.toString()
stringValue = (value !== undefined)
? String(value)
: value,
newValue
;
@ -2243,14 +2253,14 @@ $.fn.dropdown = function(parameters) {
if(settings.useLabels) {
module.add.value(selectedValue, selectedText, $selected);
module.add.label(selectedValue, selectedText, shouldAnimate);
$selected.addClass(className.active);
module.set.activeItem($selected);
module.filterActive();
module.select.nextAvailable($selectedItem);
}
else {
module.add.value(selectedValue, selectedText, $selected);
module.set.text(module.add.variables(message.count));
$selected.addClass(className.active);
module.set.activeItem($selected);
}
}
else if(!isFiltered) {
@ -2379,10 +2389,11 @@ $.fn.dropdown = function(parameters) {
.removeClass(className.selected)
;
if(hasUserSuggestion) {
html = settings.templates.addition(value);
html = settings.templates.addition( module.add.variables(message.addResult, value) );
$addition
.html(html)
.data(metadata.value, value)
.attr('data-' + metadata.value, value)
.attr('data-' + metadata.text, value)
.removeClass(className.filtered)
.addClass(className.selected)
;
@ -2397,7 +2408,7 @@ $.fn.dropdown = function(parameters) {
module.verbose('Adding item choice to menu corresponding with user choice addition', $addition);
}
},
variables: function(message) {
variables: function(message, term) {
var
hasCount = (message.search('{count}') !== -1),
hasMaxCount = (message.search('{maxCount}') !== -1),
@ -2416,7 +2427,7 @@ $.fn.dropdown = function(parameters) {
message = message.replace('{maxCount}', settings.maxSelections);
}
if(hasTerm) {
query = module.get.query();
query = term || module.get.query();
message = message.replace('{term}', query);
}
return message;
@ -2549,7 +2560,12 @@ $.fn.dropdown = function(parameters) {
}
else {
module.remove.value(selectedValue, selectedText, $selected);
module.set.text(module.add.variables(message.count));
if(module.get.selectionCount() === 0) {
module.set.placeholderText();
}
else {
module.set.text(module.add.variables(message.count));
}
}
}
else {
@ -2622,8 +2638,8 @@ $.fn.dropdown = function(parameters) {
.each(function(){
var
value = $(this).data(metadata.value),
stringValue = (typeof value == 'number')
? value.toString()
stringValue = (value !== undefined)
? String(value)
: value,
isUserValue = module.is.userValue(stringValue)
;
@ -3287,6 +3303,13 @@ $.fn.dropdown.settings = {
value : 'value'
},
// property names for remote query
fields: {
values : 'values',
name : 'name',
value : 'value'
},
selector : {
addition : '.addition',
dropdown : '.ui.dropdown',
@ -3357,13 +3380,13 @@ $.fn.dropdown.settings.templates = {
},
// generates just menu from select
menu: function(response) {
menu: function(response, fields) {
var
values = response.values || {},
html = ''
;
$.each(response.values, function(index, option) {
html += '<div class="item" data-value="' + option.value + '">' + option.name + '</div>';
$.each(response[fields.values], function(index, option) {
html += '<div class="item" data-value="' + option[fields.value] + '">' + option[fields.name] + '</div>';
});
return html;
},

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

5
dist/components/dropdown.min.js
File diff suppressed because it is too large
View File

5
dist/components/form.css
View File

@ -367,14 +367,14 @@
.ui.form input[type="text"]:focus,
.ui.form input[type="url"]:focus {
color: rgba(0, 0, 0, 0.95);
border-color: rgba(34, 36, 38, 0.35);
border-color: #85b7d9;
border-radius: 0.28571429rem;
background: #ffffff;
box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
}
.ui.form textarea:focus {
color: rgba(0, 0, 0, 0.95);
border-color: rgba(34, 36, 38, 0.35);
border-color: #85b7d9;
border-radius: 0.28571429rem;
background: #ffffff;
box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
@ -577,6 +577,7 @@
.ui.form .disabled.fields .field,
.ui.form .disabled.field,
.ui.form .field :disabled {
pointer-events: none;
opacity: 0.45;
}
.ui.form .field.disabled label {

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

41
dist/components/icon.css
View File

@ -391,6 +391,16 @@ i.inverted.circular.black.icon {
Sizes
--------------------*/
i.mini.icon,
i.mini.icons {
line-height: 1;
font-size: 0.71428571rem;
}
i.tiny.icon,
i.tiny.icons {
line-height: 1;
font-size: 0.85714286rem;
}
i.small.icon,
i.small.icons {
line-height: 1;
@ -2118,9 +2128,6 @@ i.icon.video:before {
i.icon.check:before {
content: "\f00c";
}
i.icon.remove:before {
content: "\f00d";
}
i.icon.close:before {
content: "\f00d";
}
@ -2169,9 +2176,6 @@ i.icon.play.circle.outline:before {
i.icon.headphone:before {
content: "\f025";
}
i.icon.volume.off:before {
content: "\f026";
}
i.icon.camera:before {
content: "\f030";
}
@ -2199,9 +2203,6 @@ i.icon.signup:before {
i.icon.plus.circle:before {
content: "\f055";
}
i.icon.minus.circle:before {
content: "\f056";
}
i.icon.dont:before {
content: "\f05e";
}
@ -2247,9 +2248,6 @@ i.icon.line.graph:before {
i.icon.key:before {
content: "\f084";
}
i.icon.privacy:before {
content: "\f084";
}
i.icon.cogs:before {
content: "\f085";
}
@ -2376,21 +2374,12 @@ i.icon.envelope:before {
i.icon.conversation:before {
content: "\f0e6";
}
i.icon.lightning:before {
content: "\f0e7";
}
i.icon.umbrella:before {
content: "\f0e9";
}
i.icon.lightbulb:before {
content: "\f0eb";
}
i.icon.suitcase:before {
content: "\f0f2";
}
i.icon.bell.outline:before {
content: "\f0a2";
}
i.icon.ambulance:before {
content: "\f0f9";
}
@ -2430,9 +2419,6 @@ i.icon.star.half.full:before {
i.icon.question:before {
content: "\f128";
}
i.icon.attention:before {
content: "\f12a";
}
i.icon.eraser:before {
content: "\f12d";
}
@ -2481,7 +2467,6 @@ i.icon.rouble:before,
i.icon.rub:before {
content: "\f158";
}
i.icon.won:before,
i.icon.krw:before {
content: "\f159";
}
@ -2534,9 +2519,6 @@ i.icon.tty:before {
i.icon.cc:before {
content: "\f20a";
}
i.icon.ils:before {
content: "\f20b";
}
i.icon.plus.cart:before {
content: "\f217";
}
@ -2588,9 +2570,6 @@ i.icon.mars.stroke.vertical:before {
i.icon.mars.stroke.horizontal:before {
content: "\f22b";
}
i.icon.neuter:before {
content: "\f22c";
}
i.icon.facebook.official {
content: "\f230";
}

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

26
dist/components/input.css
View File

@ -137,7 +137,7 @@
.ui.input.focus input,
.ui.input input:focus {
border-color: rgba(34, 36, 38, 0.35);
border-color: #85b7d9;
background: #ffffff;
color: rgba(0, 0, 0, 0.8);
box-shadow: none;
@ -317,24 +317,32 @@
}
/* Regular Label on Left */
.ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > input {
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-left-color: transparent;
}
.ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > .label {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
border-left-color: #85b7d9;
}
/* Regular Label on Right */
.ui[class*="right labeled"].input > input {
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
.ui[class*="right labeled"].input input {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-right-color: transparent;
}
.ui[class*="right labeled"].input > .label {
.ui[class*="right labeled"].input input + .label {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.ui[class*="right labeled"].input input:focus {
border-right-color: #85b7d9;
}
/* Corner Label */
.ui.labeled.input .corner.label {

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

35
dist/components/menu.css
View File

@ -598,13 +598,13 @@ Floated Menu / Item
box-shadow: none;
}
.ui.vertical.menu > .active.item:first-child {
border-radius: 0em 0.28571429rem 0em 0em;
border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.vertical.menu > .active.item:last-child {
border-radius: 0em 0em 0.28571429rem 0em;
border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
.ui.vertical.menu > .active.item:only-child {
border-radius: 0em 0.28571429rem 0.28571429rem 0em;
border-radius: 0.28571429rem;
}
.ui.vertical.menu .active.item .menu .active.item {
border-left: none;
@ -884,6 +884,15 @@ Floated Menu / Item
box-shadow: none;
}
/* Sub Menu */
.ui.vertical.secondary.menu .item:not(.dropdown) > .menu {
margin: 0em -0.92857143em;
}
.ui.vertical.secondary.menu .item:not(.dropdown) > .menu > .item {
margin: 0em;
padding: 0.5em 1.33333333em;
}
/*---------------------
Secondary Vertical
-----------------------*/
@ -1049,11 +1058,6 @@ Floated Menu / Item
transition: opacity 0.1s ease;
}
/* Sub Menu */
.ui.vertical.text.menu > .menu {
margin: 0em;
}
/* Border */
.ui.text.menu .item:before,
.ui.text.menu .menu .item:before {
@ -1103,6 +1107,15 @@ Floated Menu / Item
margin: 0.57142857em 0em 0.71428571em;
}
/* Vertical Sub Menu */
.ui.vertical.text.menu .item:not(.dropdown) > .menu {
margin: 0em;
}
.ui.vertical.text.menu .item:not(.dropdown) > .menu > .item {
margin: 0em;
padding: 0.5em 0em;
}
/*--- hover ---*/
.ui.text.menu .item:hover {
@ -1670,8 +1683,10 @@ Floated Menu / Item
.ui.item.menu,
.ui.item.menu .item {
width: 100%;
padding-left: 0px !important;
padding-right: 0px !important;
padding-left: 0em !important;
padding-right: 0em !important;
margin-left: 0em !important;
margin-right: 0em !important;
text-align: center;
-webkit-box-pack: center;
-webkit-justify-content: center;

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

12
dist/components/nag.js
View File

@ -194,6 +194,10 @@ $.fn.nag = function(parameters) {
window.localStorage.setItem(key, value);
module.debug('Value stored using local storage', key, value);
}
else if(settings.storageMethod == 'sessionstorage' && window.sessionStorage !== undefined) {
window.sessionStorage.setItem(key, value);
module.debug('Value stored using session storage', key, value);
}
else if($.cookie !== undefined) {
$.cookie(key, value, options);
module.debug('Value stored using cookie', key, value, options);
@ -210,6 +214,9 @@ $.fn.nag = function(parameters) {
if(settings.storageMethod == 'localstorage' && window.localStorage !== undefined) {
storedValue = window.localStorage.getItem(key);
}
else if(settings.storageMethod == 'sessionstorage' && window.sessionStorage !== undefined) {
storedValue = window.sessionStorage.getItem(key);
}
// get by cookie
else if($.cookie !== undefined) {
storedValue = $.cookie(key);
@ -226,9 +233,12 @@ $.fn.nag = function(parameters) {
var
options = module.get.storageOptions()
;
if(settings.storageMethod == 'local' && window.store !== undefined) {
if(settings.storageMethod == 'localstorage' && window.localStorage !== undefined) {
window.localStorage.removeItem(key);
}
else if(settings.storageMethod == 'sessionstorage' && window.sessionStorage !== undefined) {
window.sessionStorage.removeItem(key);
}
// store by cookie
else if($.cookie !== undefined) {
$.removeCookie(key, options);

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

4
dist/components/popup.js
View File

@ -342,12 +342,12 @@ $.fn.popup = function(parameters) {
},
removePopup: function() {
module.debug('Removing popup', $popup);
if( module.has.popup() && !settings.popup) {
module.debug('Removing popup', $popup);
$popup.remove();
$popup = undefined;
settings.onRemove.call($popup, element);
}
settings.onRemove.call($popup, element);
},
save: {

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

16
dist/components/reveal.css
View File

@ -15,7 +15,7 @@
*******************************/
.ui.reveal {
display: inline-block;
display: inherit;
position: relative !important;
font-size: 0em !important;
}
@ -55,6 +55,7 @@
}
.ui.slide.reveal > .content {
display: block;
width: 100%;
float: left;
margin: 0em;
-webkit-transition: -webkit-transform 0.5s ease 0.1s;
@ -243,15 +244,7 @@
States
*******************************/
.ui.disabled.reveal {
opacity: 1 !important;
}
.ui.disabled.reveal > .content {
-webkit-transition: none !important;
transition: none !important;
}
.ui.disabled.active.reveal > .visible.content,
.ui.disabled.reveal:hover > .visible.content {
.ui.disabled.reveal:hover > .visible.visible.content {
position: static !important;
display: block !important;
opacity: 1 !important;
@ -263,8 +256,7 @@
-ms-transform: none !important;
transform: none !important;
}
.ui.disabled.active.reveal > .hidden.content,
.ui.disabled.reveal:hover > .hidden.content {
.ui.disabled.reveal:hover > .hidden.hidden.content {
display: none !important;
}

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

4
dist/components/search.js
View File

@ -1134,9 +1134,9 @@ $.fn.search.settings = {
price : 'price', // result price
results : 'results', // array of results (standard)
title : 'title', // result title
action : 'action', // "view more" object
action : 'action', // "view more" object name
actionText : 'text', // "view more" text
actionURL : 'url' // "view more" text
actionURL : 'url' // "view more" url
},
selector : {

13
dist/components/step.css
View File

@ -118,11 +118,6 @@
border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}
/* Only Step */
.ui.steps .step:only-child {
border-radius: 0.28571429rem;
}
/* Last Step */
.ui.steps .step:last-child {
border-radius: 0em 0.28571429rem 0.28571429rem 0em;
@ -132,6 +127,11 @@
margin-right: 0em;
}
/* Only Step */
.ui.steps .step:only-child {
border-radius: 0.28571429rem;
}
/*******************************
Content
@ -264,6 +264,9 @@
border-bottom: none;
border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
.ui.vertical.steps .step:only-child {
border-radius: 0.28571429rem;
}
/* Arrow */
.ui.vertical.steps .step:after {

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

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

85
dist/semantic.js
View File

@ -4052,6 +4052,7 @@ $.fn.dropdown = function(parameters) {
className = settings.className,
message = settings.message,
fields = settings.fields,
metadata = settings.metadata,
namespace = settings.namespace,
regExp = settings.regExp,
@ -4193,10 +4194,11 @@ $.fn.dropdown = function(parameters) {
;
$.each(values, function(index, value) {
if(module.get.item(value) === false) {
html = settings.templates.addition(value);
html = settings.templates.addition( module.add.variables(message.addResult, value) );
$userChoice = $('<div />')
.html(html)
.data(metadata.value, value)
.attr('data-' + metadata.value, value)
.attr('data-' + metadata.text, value)
.addClass(className.addition)
.addClass(className.item)
;
@ -4341,7 +4343,7 @@ $.fn.dropdown = function(parameters) {
module.refresh();
},
menu: function(values) {
$menu.html( templates.menu( values ));
$menu.html( templates.menu(values, fields));
$item = $menu.find(selector.item);
},
reference: function() {
@ -5575,10 +5577,10 @@ $.fn.dropdown = function(parameters) {
return false;
}
return ($choice.data(metadata.value) !== undefined)
? $choice.data(metadata.value)
? String( $choice.data(metadata.value) )
: (typeof choiceText === 'string')
? $.trim(choiceText.toLowerCase())
: choiceText
: String(choiceText)
;
},
inputEvent: function() {
@ -5701,7 +5703,7 @@ $.fn.dropdown = function(parameters) {
return;
}
if(isMultiple) {
if($.inArray(optionValue.toString(), value) !== -1 || $.inArray(optionText, value) !== -1) {
if($.inArray( String(optionValue), value) !== -1 || $.inArray(optionText, value) !== -1) {
$selectedItem = ($selectedItem)
? $selectedItem.add($choice)
: $choice
@ -5716,7 +5718,7 @@ $.fn.dropdown = function(parameters) {
}
}
else {
if( optionValue.toString() == value.toString() || optionText == value) {
if( String(optionValue) == String(value) || optionText == value) {
module.verbose('Found select item by value', optionValue, value);
$selectedItem = $choice;
return true;
@ -6031,6 +6033,14 @@ $.fn.dropdown = function(parameters) {
module.verbose('Setting initial load');
initialLoad = true;
},
activeItem: function($item) {
if( settings.allowAdditions && $item.filter(selector.addition).length > 0 ) {
$item.addClass(className.filtered);
}
else {
$item.addClass(className.active);
}
},
scrollPosition: function($item, forceScroll) {
var
edgeTolerance = 5,
@ -6156,8 +6166,8 @@ $.fn.dropdown = function(parameters) {
hasInput = ($input.length > 0),
isAddition = !module.has.value(value),
currentValue = module.get.values(),
stringValue = (typeof value == 'number')
? value.toString()
stringValue = (value !== undefined)
? String(value)
: value,
newValue
;
@ -6256,14 +6266,14 @@ $.fn.dropdown = function(parameters) {
if(settings.useLabels) {
module.add.value(selectedValue, selectedText, $selected);
module.add.label(selectedValue, selectedText, shouldAnimate);
$selected.addClass(className.active);
module.set.activeItem($selected);
module.filterActive();
module.select.nextAvailable($selectedItem);
}
else {
module.add.value(selectedValue, selectedText, $selected);
module.set.text(module.add.variables(message.count));
$selected.addClass(className.active);
module.set.activeItem($selected);
}
}
else if(!isFiltered) {
@ -6392,10 +6402,11 @@ $.fn.dropdown = function(parameters) {
.removeClass(className.selected)
;
if(hasUserSuggestion) {
html = settings.templates.addition(value);
html = settings.templates.addition( module.add.variables(message.addResult, value) );
$addition
.html(html)
.data(metadata.value, value)
.attr('data-' + metadata.value, value)
.attr('data-' + metadata.text, value)
.removeClass(className.filtered)
.addClass(className.selected)
;
@ -6410,7 +6421,7 @@ $.fn.dropdown = function(parameters) {
module.verbose('Adding item choice to menu corresponding with user choice addition', $addition);
}
},
variables: function(message) {
variables: function(message, term) {
var
hasCount = (message.search('{count}') !== -1),
hasMaxCount = (message.search('{maxCount}') !== -1),
@ -6429,7 +6440,7 @@ $.fn.dropdown = function(parameters) {
message = message.replace('{maxCount}', settings.maxSelections);
}
if(hasTerm) {
query = module.get.query();
query = term || module.get.query();
message = message.replace('{term}', query);
}
return message;
@ -6562,7 +6573,12 @@ $.fn.dropdown = function(parameters) {
}
else {
module.remove.value(selectedValue, selectedText, $selected);
module.set.text(module.add.variables(message.count));
if(module.get.selectionCount() === 0) {
module.set.placeholderText();
}
else {
module.set.text(module.add.variables(message.count));
}
}
}
else {
@ -6635,8 +6651,8 @@ $.fn.dropdown = function(parameters) {
.each(function(){
var
value = $(this).data(metadata.value),
stringValue = (typeof value == 'number')
? value.toString()
stringValue = (value !== undefined)
? String(value)
: value,
isUserValue = module.is.userValue(stringValue)
;
@ -7300,6 +7316,13 @@ $.fn.dropdown.settings = {
value : 'value'
},
// property names for remote query
fields: {
values : 'values',
name : 'name',
value : 'value'
},
selector : {
addition : '.addition',
dropdown : '.ui.dropdown',
@ -7370,13 +7393,13 @@ $.fn.dropdown.settings.templates = {
},
// generates just menu from select
menu: function(response) {
menu: function(response, fields) {
var
values = response.values || {},
html = ''
;
$.each(response.values, function(index, option) {
html += '<div class="item" data-value="' + option.value + '">' + option.name + '</div>';
$.each(response[fields.values], function(index, option) {
html += '<div class="item" data-value="' + option[fields.value] + '">' + option[fields.name] + '</div>';
});
return html;
},
@ -9147,6 +9170,10 @@ $.fn.nag = function(parameters) {
window.localStorage.setItem(key, value);
module.debug('Value stored using local storage', key, value);
}
else if(settings.storageMethod == 'sessionstorage' && window.sessionStorage !== undefined) {
window.sessionStorage.setItem(key, value);
module.debug('Value stored using session storage', key, value);
}
else if($.cookie !== undefined) {
$.cookie(key, value, options);
module.debug('Value stored using cookie', key, value, options);
@ -9163,6 +9190,9 @@ $.fn.nag = function(parameters) {
if(settings.storageMethod == 'localstorage' && window.localStorage !== undefined) {
storedValue = window.localStorage.getItem(key);
}
else if(settings.storageMethod == 'sessionstorage' && window.sessionStorage !== undefined) {
storedValue = window.sessionStorage.getItem(key);
}
// get by cookie
else if($.cookie !== undefined) {
storedValue = $.cookie(key);
@ -9179,9 +9209,12 @@ $.fn.nag = function(parameters) {
var
options = module.get.storageOptions()
;
if(settings.storageMethod == 'local' && window.store !== undefined) {
if(settings.storageMethod == 'localstorage' && window.localStorage !== undefined) {
window.localStorage.removeItem(key);
}
else if(settings.storageMethod == 'sessionstorage' && window.sessionStorage !== undefined) {
window.sessionStorage.removeItem(key);
}
// store by cookie
else if($.cookie !== undefined) {
$.removeCookie(key, options);
@ -9772,12 +9805,12 @@ $.fn.popup = function(parameters) {
},
removePopup: function() {
module.debug('Removing popup', $popup);
if( module.has.popup() && !settings.popup) {
module.debug('Removing popup', $popup);
$popup.remove();
$popup = undefined;
settings.onRemove.call($popup, element);
}
settings.onRemove.call($popup, element);
},
save: {
@ -13235,9 +13268,9 @@ $.fn.search.settings = {
price : 'price', // result price
results : 'results', // array of results (standard)
title : 'title', // result title
action : 'action', // "view more" object
action : 'action', // "view more" object name
actionText : 'text', // "view more" text
actionURL : 'url' // "view more" text
actionURL : 'url' // "view more" url
},
selector : {

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

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

Write Preview
Loading…
Cancel
Save