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/2300/head
jlukic 9 years ago
parent
ea9762f8ce
commit
17ef6ba203
9 changed files with 165 additions and 103 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      RELEASE-NOTES.md
  2. 13
      dist/components/menu.css
  3. 2
      dist/components/menu.min.css
  4. 105
      dist/components/visibility.js
  5. 2
      dist/components/visibility.min.js
  6. 12
      dist/semantic.css
  7. 115
      dist/semantic.js
  8. 2
      dist/semantic.min.css
  9. 16
      dist/semantic.min.js

1
RELEASE-NOTES.md
View File

@ -151,6 +151,7 @@
- **List** - Fix first element touches border on `ui horizontal celled list`
- **Loader** - Fix position of `inline centered loader` to be centered correctly
- **Message** - Message now uses `@lineHeight` from `site.variables`
- **Menu** - Fixed menus like `left fixed` `right fixed` are all now class order dependent.
- **Modal** - Modal no longer hides page scroll bar causing dimmed page content to jump positions.
- **Modal** - Fixed bug where clicking an element detached from dom would cause modal to hide prematurely
- **Modal** - Clicking on other modals will no longer close open modal when `allowMultiple: true`

13
dist/components/menu.css
View File

@ -234,7 +234,7 @@
.ui.menu .dropdown.item .menu {
left: 0px;
min-width: calc(100% - 1px);
border-radius: 0em 0em 0.2857rem;
border-radius: 0em 0em 0.2857rem 0.2857rem;
background: #ffffff;
margin: 0em 0px 0px;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
@ -1086,9 +1086,6 @@ Floated Menu / Item
margin: 0em;
width: auto;
}
.ui.vertical.icon.menu {
float: none;
}
/*--- inverted ---*/
@ -1542,14 +1539,14 @@ Floated Menu / Item
border-radius: 0px !important;
}
.ui.fixed.menu,
.ui.top.fixed.menu {
.ui[class*="top fixed"].menu {
border-top: none;
top: 0px;
left: 0px;
right: auto;
bottom: auto;
}
.ui.right.fixed.menu {
.ui[class*="right fixed"].menu {
border-right: none;
top: 0px;
right: 0px;
@ -1558,14 +1555,14 @@ Floated Menu / Item
width: auto;
height: 100%;
}
.ui.bottom.fixed.menu {
.ui[class*="bottom fixed"].menu {
border-bottom: none;
bottom: 0px;
left: 0px;
top: auto;
right: auto;
}
.ui.left.fixed.menu {
.ui[class*="left fixed"].menu {
border-left: none;
top: 0px;
left: 0px;

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

105
dist/components/visibility.js
View File

@ -37,6 +37,7 @@ $.fn.visibility = function(parameters) {
className = settings.className,
namespace = settings.namespace,
error = settings.error,
metadata = settings.metadata,
eventNamespace = '.' + namespace,
moduleNamespace = 'module-' + namespace,
@ -45,8 +46,10 @@ $.fn.visibility = function(parameters) {
$module = $(this),
$context = $(settings.context),
selector = $module.selector || '',
$placeholder,
selector = $module.selector || '',
instance = $module.data(moduleNamespace),
requestAnimationFrame = window.requestAnimationFrame
@ -66,23 +69,27 @@ $.fn.visibility = function(parameters) {
module.debug('Initializing', settings);
module.setup.cache();
module.save.position();
if( module.should.trackChanges() ) {
module.bind.events();
if(settings.type == 'image') {
module.setup.image();
}
if(settings.type == 'fixed') {
module.setup.fixed();
}
if(settings.observeChanges) {
module.observeChanges();
}
if( !module.is.visible() ) {
module.error(error.visible, $module);
}
module.bind.events();
}
module.save.position();
if( !module.is.visible() ) {
module.error(error.visible, $module);
}
if(settings.initialCheck) {
module.checkVisibility();
}
@ -138,8 +145,12 @@ $.fn.visibility = function(parameters) {
bind: {
events: function() {
module.verbose('Binding visibility events to scroll and resize');
if(settings.refreshOnLoad) {
$window
.on('load' + eventNamespace, module.event.load)
;
}
$window
.on('load' + eventNamespace, module.event.load)
.on('resize' + eventNamespace, module.event.resize)
;
// pub/sub pattern
@ -260,29 +271,50 @@ $.fn.visibility = function(parameters) {
},
image: function() {
var
src = $module.data('src')
src = $module.data(metadata.src)
;
if(src) {
module.verbose('Lazy loading image', src);
settings.once = true;
settings.observeChanges = false;
// show when top visible
module.topVisible(function() {
settings.onTopVisible = function() {
module.debug('Image top visible', element);
module.precache(src, function() {
module.set.image(src);
settings.onTopVisible = false;
});
});
};
}
},
fixed: function() {
module.verbose('Setting up fixed on element pass');
settings.once = false;
module.debug('Setting up fixed');
settings.once = false;
settings.observeChanges = false;
settings.refreshOnLoad = false;
if(!parameters.transition) {
settings.transition = false;
}
$placeholder = $module
.clone(false)
.css('display', 'none')
.addClass(className.placeholder)
.insertAfter($module)
;
module.debug('Added placeholder', $placeholder);
settings.onTopPassed = function() {
module.debug('Element passed, adding fixed position', $module);
$placeholder
.css('display', 'block')
.css('visibility', 'hidden')
;
$module
.addClass(className.fixed)
.css({
top: settings.offset + 'px'
position : 'fixed',
top : settings.offset + 'px',
left : 'auto',
zIndex : '1'
})
;
if(settings.transition) {
@ -292,11 +324,18 @@ $.fn.visibility = function(parameters) {
}
};
settings.onTopPassedReverse = function() {
module.debug('Element returned to position, removing fixed', $module);
$placeholder
.css('display', 'none')
.css('visibility', '')
;
$module
.removeClass(className.fixed)
.css({
position: '',
top: ''
position : '',
top : '',
left : '',
zIndex : ''
})
;
};
@ -305,29 +344,20 @@ $.fn.visibility = function(parameters) {
set: {
image: function(src) {
var
offScreen = (module.cache.screen.bottom < module.cache.element.top)
;
$module
.attr('src', src)
;
if(offScreen) {
module.verbose('Image outside browser, no show animation');
$module.show();
}
else {
if(settings.transition) {
if( $.fn.transition !== undefined ) {
$module.transition(settings.transition, settings.duration);
}
else {
$module.fadeIn(settings.duration);
}
if(settings.transition) {
if( $.fn.transition !== undefined ) {
$module.transition(settings.transition, settings.duration);
}
else {
$module.show();
$module.fadeIn(settings.duration);
}
}
else {
$module.show();
}
}
},
@ -346,7 +376,7 @@ $.fn.visibility = function(parameters) {
},
visible: function() {
if(module.cache && module.cache.element) {
return (module.cache.element.width > 0);
return !(module.cache.element.width === 0 && module.cache.element.offset.top === 0);
}
return false;
}
@ -1121,7 +1151,7 @@ $.fn.visibility.settings = {
type : false,
// image only animation settings
transition : false,
transition : 'fade in',
duration : 1000,
// array of callbacks for percentage
@ -1147,8 +1177,13 @@ $.fn.visibility.settings = {
onUpdate : false, // disabled by default for performance
onRefresh : function(){},
metadata : {
src: 'src'
},
className: {
fixed: 'fixed'
fixed : 'fixed',
placeholder : 'placeholder'
},
error : {

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

12
dist/semantic.css
View File

@ -17363,7 +17363,7 @@ body > .ui.grid {
.ui.menu .dropdown.item .menu {
left: 0px;
min-width: calc(100% - 1px);
border-radius: 0em 0em 0.2857rem;
border-radius: 0em 0em 0.2857rem 0.2857rem;
background: #ffffff;
margin: 0em 0px 0px;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
@ -18307,10 +18307,6 @@ Floated Menu / Item
width: auto;
}
.ui.vertical.icon.menu {
float: none;
}
/*--- inverted ---*/
.ui.inverted.icon.menu .item {
@ -18829,7 +18825,7 @@ Floated Menu / Item
bottom: auto;
}
.ui.right.fixed.menu {
.ui[class*="right fixed"].menu {
border-right: none;
top: 0px;
right: 0px;
@ -18839,7 +18835,7 @@ Floated Menu / Item
height: 100%;
}
.ui.bottom.fixed.menu {
.ui[class*="bottom fixed"].menu {
border-bottom: none;
bottom: 0px;
left: 0px;
@ -18847,7 +18843,7 @@ Floated Menu / Item
right: auto;
}
.ui.left.fixed.menu {
.ui[class*="left fixed"].menu {
border-left: none;
top: 0px;
left: 0px;

115
dist/semantic.js
View File

@ -18705,6 +18705,7 @@ $.fn.visibility = function(parameters) {
className = settings.className,
namespace = settings.namespace,
error = settings.error,
metadata = settings.metadata,
eventNamespace = '.' + namespace,
moduleNamespace = 'module-' + namespace,
@ -18713,8 +18714,10 @@ $.fn.visibility = function(parameters) {
$module = $(this),
$context = $(settings.context),
selector = $module.selector || '',
$placeholder,
selector = $module.selector || '',
instance = $module.data(moduleNamespace),
requestAnimationFrame = window.requestAnimationFrame
@ -18734,23 +18737,27 @@ $.fn.visibility = function(parameters) {
module.debug('Initializing', settings);
module.setup.cache();
module.save.position();
if( module.should.trackChanges() ) {
module.bind.events();
if(settings.type == 'image') {
module.setup.image();
}
if(settings.type == 'fixed') {
module.setup.fixed();
}
if(settings.observeChanges) {
module.observeChanges();
}
if( !module.is.visible() ) {
module.error(error.visible, $module);
}
module.bind.events();
}
module.save.position();
if( !module.is.visible() ) {
module.error(error.visible, $module);
}
if(settings.initialCheck) {
module.checkVisibility();
}
@ -18806,8 +18813,12 @@ $.fn.visibility = function(parameters) {
bind: {
events: function() {
module.verbose('Binding visibility events to scroll and resize');
if(settings.refreshOnLoad) {
$window
.on('load' + eventNamespace, module.event.load)
;
}
$window
.on('load' + eventNamespace, module.event.load)
.on('resize' + eventNamespace, module.event.resize)
;
// pub/sub pattern
@ -18928,30 +18939,50 @@ $.fn.visibility = function(parameters) {
},
image: function() {
var
src = $module.data('src')
src = $module.data(metadata.src)
;
if(src) {
module.verbose('Lazy loading image', src);
settings.once = true;
settings.observeChanges = false;
// show when top visible
module.topVisible(function() {
settings.onTopVisible = function() {
module.debug('Image top visible', element);
module.precache(src, function() {
module.set.image(src);
settings.onTopVisible = false;
});
});
};
}
},
fixed: function() {
module.verbose('Setting up fixed on element pass');
settings.once = false;
module.debug('Setting up fixed');
settings.once = false;
settings.observeChanges = false;
settings.refreshOnLoad = false;
if(!parameters.transition) {
settings.transition = false;
}
$placeholder = $module
.clone(false)
.css('display', 'none')
.addClass(className.placeholder)
.insertAfter($module)
;
module.debug('Added placeholder', $placeholder);
settings.onTopPassed = function() {
console.log('here');
module.debug('Element passed, adding fixed position', $module);
$placeholder
.css('display', 'block')
.css('visibility', 'hidden')
;
$module
.addClass(className.fixed)
.css({
top: settings.offset + 'px'
position : 'fixed',
top : settings.offset + 'px',
left : 'auto',
zIndex : '1'
})
;
if(settings.transition) {
@ -18961,12 +18992,18 @@ $.fn.visibility = function(parameters) {
}
};
settings.onTopPassedReverse = function() {
console.log('there');
module.debug('Element returned to position, removing fixed', $module);
$placeholder
.css('display', 'none')
.css('visibility', '')
;
$module
.removeClass(className.fixed)
.css({
position: '',
top: ''
position : '',
top : '',
left : '',
zIndex : ''
})
;
};
@ -18975,29 +19012,20 @@ $.fn.visibility = function(parameters) {
set: {
image: function(src) {
var
offScreen = (module.cache.screen.bottom < module.cache.element.top)
;
$module
.attr('src', src)
;
if(offScreen) {
module.verbose('Image outside browser, no show animation');
$module.show();
}
else {
if(settings.transition) {
if( $.fn.transition !== undefined ) {
$module.transition(settings.transition, settings.duration);
}
else {
$module.fadeIn(settings.duration);
}
if(settings.transition) {
if( $.fn.transition !== undefined ) {
$module.transition(settings.transition, settings.duration);
}
else {
$module.show();
$module.fadeIn(settings.duration);
}
}
else {
$module.show();
}
}
},
@ -19016,7 +19044,7 @@ $.fn.visibility = function(parameters) {
},
visible: function() {
if(module.cache && module.cache.element) {
return (module.cache.element.width > 0);
return !(module.cache.element.width === 0 && module.cache.element.offset.top === 0);
}
return false;
}
@ -19732,8 +19760,8 @@ $.fn.visibility = function(parameters) {
if(instance === undefined) {
module.initialize();
}
//instance.save.scroll();
//instance.save.calculations();
instance.save.scroll();
instance.save.calculations();
module.invoke(query);
}
else {
@ -19756,8 +19784,8 @@ $.fn.visibility.settings = {
name : 'Visibility',
namespace : 'visibility',
debug : true,
verbose : true,
debug : false,
verbose : false,
performance : true,
// whether to use mutation observers to follow changes
@ -19791,7 +19819,7 @@ $.fn.visibility.settings = {
type : false,
// image only animation settings
transition : false,
transition : 'fade in',
duration : 1000,
// array of callbacks for percentage
@ -19817,8 +19845,13 @@ $.fn.visibility.settings = {
onUpdate : false, // disabled by default for performance
onRefresh : function(){},
metadata : {
src: 'src'
},
className: {
fixed: 'fixed'
fixed : 'fixed',
placeholder : 'placeholder'
},
error : {

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

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

Write Preview
Loading…
Cancel
Save