@ -16,32 +16,52 @@
//
//
let smoothDistance , smoothDuration , smoothEnd , smoothStart ; let smoothDistance , smoothDuration , smoothEnd , smoothStart ;
this . $ = function ( selector , el ) { this . $ = function ( selector , el ) {
if ( el == null ) { el = document ; }
if ( el == null ) {
try { return el . querySelector ( selector ) ; } catch ( error ) { }
el = document ;
}
try {
return el . querySelector ( selector ) ;
} catch ( error ) { }
} ; } ;
this . $$ = function ( selector , el ) { this . $$ = function ( selector , el ) {
if ( el == null ) { el = document ; }
if ( el == null ) {
try { return el . querySelectorAll ( selector ) ; } catch ( error ) { }
el = document ;
}
try {
return el . querySelectorAll ( selector ) ;
} catch ( error ) { }
} ; } ;
$ . id = id => document . getElementById ( id ) ; $ . id = ( id ) => document . getElementById ( id ) ;
$ . hasChild = function ( parent , el ) { $ . hasChild = function ( parent , el ) {
if ( ! parent ) { return ; }
if ( ! parent ) {
return ;
}
while ( el ) {
while ( el ) {
if ( el === parent ) { return true ; }
if ( el === parent ) {
if ( el === document . body ) { return ; }
return true ;
}
if ( el === document . body ) {
return ;
}
el = el . parentNode ;
el = el . parentNode ;
}
}
} ; } ;
$ . closestLink = function ( el , parent ) { $ . closestLink = function ( el , parent ) {
if ( parent == null ) { parent = document . body ; }
if ( parent == null ) {
parent = document . body ;
}
while ( el ) {
while ( el ) {
if ( el . tagName === 'A' ) { return el ; }
if ( el . tagName === "A" ) {
if ( el === parent ) { return ; }
return el ;
}
if ( el === parent ) {
return ;
}
el = el . parentNode ;
el = el . parentNode ;
}
}
} ; } ;
@ -50,55 +70,85 @@ $.closestLink = function(el, parent) {
// Events
// Events
//
//
$ . on = function ( el , event , callback , useCapture ) { $ . on = function ( el , event , callback , useCapture ) {
if ( useCapture == null ) { useCapture = false ; }
if ( useCapture == null ) {
if ( event . indexOf ( ' ' ) >= 0 ) {
useCapture = false ;
for ( var name of Array . from ( event . split ( ' ' ) ) ) { $ . on ( el , name , callback ) ; }
}
if ( event . indexOf ( " " ) >= 0 ) {
for ( var name of Array . from ( event . split ( " " ) ) ) {
$ . on ( el , name , callback ) ;
}
} else {
} else {
el . addEventListener ( event , callback , useCapture ) ;
el . addEventListener ( event , callback , useCapture ) ;
}
}
} ; } ;
$ . off = function ( el , event , callback , useCapture ) { $ . off = function ( el , event , callback , useCapture ) {
if ( useCapture == null ) { useCapture = false ; }
if ( useCapture == null ) {
if ( event . indexOf ( ' ' ) >= 0 ) {
useCapture = false ;
for ( var name of Array . from ( event . split ( ' ' ) ) ) { $ . off ( el , name , callback ) ; }
}
if ( event . indexOf ( " " ) >= 0 ) {
for ( var name of Array . from ( event . split ( " " ) ) ) {
$ . off ( el , name , callback ) ;
}
} else {
} else {
el . removeEventListener ( event , callback , useCapture ) ;
el . removeEventListener ( event , callback , useCapture ) ;
}
}
} ; } ;
$ . trigger = function ( el , type , canBubble , cancelable ) { $ . trigger = function ( el , type , canBubble , cancelable ) {
if ( canBubble == null ) { canBubble = true ; }
if ( canBubble == null ) {
if ( cancelable == null ) { cancelable = true ; }
canBubble = true ;
const event = document . createEvent ( 'Event' ) ;
}
if ( cancelable == null ) {
cancelable = true ;
}
const event = document . createEvent ( "Event" ) ;
event . initEvent ( type , canBubble , cancelable ) ;
event . initEvent ( type , canBubble , cancelable ) ;
el . dispatchEvent ( event ) ;
el . dispatchEvent ( event ) ;
} ; } ;
$ . click = function ( el ) { $ . click = function ( el ) {
const event = document . createEvent ( 'MouseEvent' ) ;
const event = document . createEvent ( "MouseEvent" ) ;
event . initMouseEvent ( 'click' , true , true , window , null , 0 , 0 , 0 , 0 , false , false , false , false , 0 , null ) ;
event . initMouseEvent (
"click" ,
true ,
true ,
window ,
null ,
0 ,
0 ,
0 ,
0 ,
false ,
false ,
false ,
false ,
0 ,
null ,
) ;
el . dispatchEvent ( event ) ;
el . dispatchEvent ( event ) ;
} ; } ;
$ . stopEvent = function ( event ) { $ . stopEvent = function ( event ) {
event . preventDefault ( ) ;
event . preventDefault ( ) ;
event . stopPropagation ( ) ;
event . stopPropagation ( ) ;
event . stopImmediatePropagation ( ) ;
event . stopImmediatePropagation ( ) ;
} ; } ;
$ . eventTarget = event => event . target . correspondingUseElement || event . target ; $ . eventTarget = ( event ) => event . target . correspondingUseElement || event . target ;
//
//
// Manipulation
// Manipulation
//
//
const buildFragment = function ( value ) { const buildFragment = function ( value ) {
const fragment = document . createDocumentFragment ( ) ;
const fragment = document . createDocumentFragment ( ) ;
if ( $ . isCollection ( value ) ) {
if ( $ . isCollection ( value ) ) {
for ( var child of Array . from ( $ . makeArray ( value ) ) ) { fragment . appendChild ( child ) ; }
for ( var child of Array . from ( $ . makeArray ( value ) ) ) {
fragment . appendChild ( child ) ;
}
} else {
} else {
fragment . innerHTML = value ;
fragment . innerHTML = value ;
}
}
@ -106,36 +156,40 @@ const buildFragment = function(value) {
return fragment ;
return fragment ;
} ; } ;
$ . append = function ( el , value ) { $ . append = function ( el , value ) {
if ( typeof value === 'string' ) {
if ( typeof value === "string" ) {
el . insertAdjacentHTML ( 'beforeend' , value ) ;
el . insertAdjacentHTML ( "beforeend" , value ) ;
} else {
} else {
if ( $ . isCollection ( value ) ) { value = buildFragment ( value ) ; }
if ( $ . isCollection ( value ) ) {
value = buildFragment ( value ) ;
}
el . appendChild ( value ) ;
el . appendChild ( value ) ;
}
}
} ; } ;
$ . prepend = function ( el , value ) { $ . prepend = function ( el , value ) {
if ( ! el . firstChild ) {
if ( ! el . firstChild ) {
$ . append ( value ) ;
$ . append ( value ) ;
} else if ( typeof value === 'string' ) {
} else if ( typeof value === "string" ) {
el . insertAdjacentHTML ( 'afterbegin' , value ) ;
el . insertAdjacentHTML ( "afterbegin" , value ) ;
} else {
} else {
if ( $ . isCollection ( value ) ) { value = buildFragment ( value ) ; }
if ( $ . isCollection ( value ) ) {
value = buildFragment ( value ) ;
}
el . insertBefore ( value , el . firstChild ) ;
el . insertBefore ( value , el . firstChild ) ;
}
}
} ; } ;
$ . before = function ( el , value ) { $ . before = function ( el , value ) {
if ( ( typeof value === 'string' ) || $ . isCollection ( value ) ) {
if ( typeof value === "string" || $ . isCollection ( value ) ) {
value = buildFragment ( value ) ;
value = buildFragment ( value ) ;
}
}
el . parentNode . insertBefore ( value , el ) ;
el . parentNode . insertBefore ( value , el ) ;
} ; } ;
$ . after = function ( el , value ) { $ . after = function ( el , value ) {
if ( ( typeof value === 'string' ) || $ . isCollection ( value ) ) {
if ( typeof value === "string" || $ . isCollection ( value ) ) {
value = buildFragment ( value ) ;
value = buildFragment ( value ) ;
}
}
@ -146,11 +200,13 @@ $.after = function(el, value) {
}
}
} ; } ;
$ . remove = function ( value ) { $ . remove = function ( value ) {
if ( $ . isCollection ( value ) ) {
if ( $ . isCollection ( value ) ) {
for ( var el of Array . from ( $ . makeArray ( value ) ) ) { if ( el . parentNode != null ) {
for ( var el of Array . from ( $ . makeArray ( value ) ) ) {
el . parentNode . removeChild ( el ) ;
if ( el . parentNode != null ) {
} }
el . parentNode . removeChild ( el ) ;
}
}
} else {
} else {
if ( value . parentNode != null ) {
if ( value . parentNode != null ) {
value . parentNode . removeChild ( value ) ;
value . parentNode . removeChild ( value ) ;
@ -158,13 +214,15 @@ $.remove = function(value) {
}
}
} ; } ;
$ . empty = function ( el ) { $ . empty = function ( el ) {
while ( el . firstChild ) { el . removeChild ( el . firstChild ) ; }
while ( el . firstChild ) {
el . removeChild ( el . firstChild ) ;
}
} ; } ;
// Calls the function while the element is off the DOM to avoid triggering
// Calls the function while the element is off the DOM to avoid triggering
// unnecessary reflows and repaints.
// unnecessary reflows and repaints.
$ . batchUpdate = function ( el , fn ) { $ . batchUpdate = function ( el , fn ) {
const parent = el . parentNode ;
const parent = el . parentNode ;
const sibling = el . nextSibling ;
const sibling = el . nextSibling ;
parent . removeChild ( el ) ;
parent . removeChild ( el ) ;
@ -182,14 +240,16 @@ $.batchUpdate = function(el, fn) {
// Offset
// Offset
//
//
$ . rect = el => el . getBoundingClientRect ( ) ; $ . rect = ( el ) => el . getBoundingClientRect ( ) ;
$ . offset = function ( el , container ) { $ . offset = function ( el , container ) {
if ( container == null ) { container = document . body ; }
if ( container == null ) {
container = document . body ;
}
let top = 0 ;
let top = 0 ;
let left = 0 ;
let left = 0 ;
while ( el && ( el !== container ) ) {
while ( el && el !== container ) {
top += el . offsetTop ;
top += el . offsetTop ;
left += el . offsetLeft ;
left += el . offsetLeft ;
el = el . offsetParent ;
el = el . offsetParent ;
@ -197,102 +257,131 @@ $.offset = function(el, container) {
return {
return {
top ,
top ,
left
left ,
} ;
} ;
} ; } ;
$ . scrollParent = function ( el ) { $ . scrollParent = function ( el ) {
while ( ( el = el . parentNode ) && ( el . nodeType === 1 ) ) {
while ( ( el = el . parentNode ) && el . nodeType === 1 ) {
var needle ;
var needle ;
if ( el . scrollTop > 0 ) { break ; }
if ( el . scrollTop > 0 ) {
if ( ( needle = _ _guard _ _ ( getComputedStyle ( el ) , x => x . overflowY ) , [ 'auto' , 'scroll' ] . includes ( needle ) ) ) { break ; }
break ;
}
if (
( ( needle = _ _guard _ _ ( getComputedStyle ( el ) , ( x ) => x . overflowY ) ) ,
[ "auto" , "scroll" ] . includes ( needle ) )
) {
break ;
}
}
}
return el ;
return el ;
} ; } ;
$ . scrollTo = function ( el , parent , position , options ) { $ . scrollTo = function ( el , parent , position , options ) {
if ( position == null ) { position = 'center' ; }
if ( position == null ) {
if ( options == null ) { options = { } ; }
position = "center" ;
if ( ! el ) { return ; }
}
if ( options == null ) {
options = { } ;
}
if ( ! el ) {
return ;
}
if ( parent == null ) { parent = $ . scrollParent ( el ) ; }
if ( parent == null ) {
if ( ! parent ) { return ; }
parent = $ . scrollParent ( el ) ;
}
if ( ! parent ) {
return ;
}
const parentHeight = parent . clientHeight ;
const parentHeight = parent . clientHeight ;
const parentScrollHeight = parent . scrollHeight ;
const parentScrollHeight = parent . scrollHeight ;
if ( ! ( parentScrollHeight > parentHeight ) ) { return ; }
if ( ! ( parentScrollHeight > parentHeight ) ) {
return ;
}
const {
const { top } = $ . offset ( el , parent ) ;
top
const { offsetTop } = parent . firstElementChild ;
} = $ . offset ( el , parent ) ;
const {
offsetTop
} = parent . firstElementChild ;
switch ( position ) {
switch ( position ) {
case 'top' :
case "top" :
parent . scrollTop = top - offsetTop - ( ( options . margin != null ) ? options . margin : 0 ) ;
parent . scrollTop =
top - offsetTop - ( options . margin != null ? options . margin : 0 ) ;
break ;
break ;
case 'center' :
case "center" :
parent . scrollTop = top - Math . round ( ( parentHeight / 2 ) - ( el . offsetHeight / 2 ) ) ;
parent . scrollTop =
top - Math . round ( parentHeight / 2 - el . offsetHeight / 2 ) ;
break ;
break ;
case 'continuous' :
case "continuous" :
var {
var { scrollTop } = parent ;
scrollTop
} = parent ;
var height = el . offsetHeight ;
var height = el . offsetHeight ;
var lastElementOffset = parent . lastElementChild . offsetTop + parent . lastElementChild . offsetHeight ;
var lastElementOffset =
var offsetBottom = lastElementOffset > 0 ? parentScrollHeight - lastElementOffset : 0 ;
parent . lastElementChild . offsetTop +
parent . lastElementChild . offsetHeight ;
var offsetBottom =
lastElementOffset > 0 ? parentScrollHeight - lastElementOffset : 0 ;
// If the target element is above the visible portion of its scrollable
// If the target element is above the visible portion of its scrollable
// ancestor, move it near the top with a gap = options.topGap * target's height.
// ancestor, move it near the top with a gap = options.topGap * target's height.
if ( ( top - offsetTop ) <= ( scrollTop + ( height * ( options . topGap || 1 ) ) ) ) {
if ( top - offsetTop <= scrollTop + height * ( options . topGap || 1 ) ) {
parent . scrollTop = top - offsetTop - ( height * ( options . topGap || 1 ) ) ;
parent . scrollTop = top - offsetTop - height * ( options . topGap || 1 ) ;
// If the target element is below the visible portion of its scrollable
// If the target element is below the visible portion of its scrollable
// ancestor, move it near the bottom with a gap = options.bottomGap * target's height.
// ancestor, move it near the bottom with a gap = options.bottomGap * target's height.
} else if ( ( top + offsetBottom ) >= ( ( scrollTop + parentHeight ) - ( height * ( ( options . bottomGap || 1 ) + 1 ) ) ) ) {
} else if (
parent . scrollTop = ( ( top + offsetBottom ) - parentHeight ) + ( height * ( ( options . bottomGap || 1 ) + 1 ) ) ;
top + offsetBottom >=
scrollTop + parentHeight - height * ( ( options . bottomGap || 1 ) + 1 )
) {
parent . scrollTop =
top +
offsetBottom -
parentHeight +
height * ( ( options . bottomGap || 1 ) + 1 ) ;
}
}
break ;
break ;
}
}
} ; } ;
$ . scrollToWithImageLock = function ( el , parent , ... args ) { $ . scrollToWithImageLock = function ( el , parent , ... args ) {
if ( parent == null ) { parent = $ . scrollParent ( el ) ; }
if ( parent == null ) {
if ( ! parent ) { return ; }
parent = $ . scrollParent ( el ) ;
}
if ( ! parent ) {
return ;
}
$ . scrollTo ( el , parent , ... Array . from ( args ) ) ;
$ . scrollTo ( el , parent , ... Array . from ( args ) ) ;
// Lock the scroll position on the target element for up to 3 seconds while
// Lock the scroll position on the target element for up to 3 seconds while
// nearby images are loaded and rendered.
// nearby images are loaded and rendered.
for ( var image of Array . from ( parent . getElementsByTagName ( 'img' ) ) ) {
for ( var image of Array . from ( parent . getElementsByTagName ( "img" ) ) ) {
if ( ! image . complete ) {
if ( ! image . complete ) {
( function ( ) {
( function ( ) {
let timeout ;
let timeout ;
const onLoad = function ( event ) {
const onLoad = function ( event ) {
clearTimeout ( timeout ) ;
clearTimeout ( timeout ) ;
unbind ( event . target ) ;
unbind ( event . target ) ;
return $ . scrollTo ( el , parent , ... Array . from ( args ) ) ;
return $ . scrollTo ( el , parent , ... Array . from ( args ) ) ;
} ;
} ;
var unbind = target => $ . off ( target , 'load' , onLoad ) ;
var unbind = ( target ) => $ . off ( target , "load" , onLoad ) ;
$ . on ( image , 'load' , onLoad ) ;
$ . on ( image , "load" , onLoad ) ;
return timeout = setTimeout ( unbind . bind ( null , image ) , 3000 ) ;
return ( timeout = setTimeout ( unbind . bind ( null , image ) , 3000 ) ) ;
} ) ( ) ;
} ) ( ) ;
}
}
}
}
} ; } ;
// Calls the function while locking the element's position relative to the window.
// Calls the function while locking the element's position relative to the window.
$ . lockScroll = function ( el , fn ) { $ . lockScroll = function ( el , fn ) {
let parent ;
let parent ;
if ( parent = $ . scrollParent ( el ) ) {
if ( ( parent = $ . scrollParent ( el ) ) ) {
let {
let { top } = $ . rect ( el ) ;
top
if ( ! [ document . body , document . documentElement ] . includes ( parent ) ) {
} = $ . rect ( el ) ;
top -= $ . rect ( parent ) . top ;
if ( ! [ document . body , document . documentElement ] . includes ( parent ) ) { top -= $ . rect ( parent ) . top ; }
}
fn ( ) ;
fn ( ) ;
parent . scrollTop = $ . offset ( el , parent ) . top - top ;
parent . scrollTop = $ . offset ( el , parent ) . top - top ;
} else {
} else {
@ -300,9 +389,14 @@ $.lockScroll = function(el, fn) {
}
}
} ; } ;
let smoothScroll = ( smoothStart = ( smoothEnd = ( smoothDistance = ( smoothDuration = null ) ) ) ) ; let smoothScroll =
( smoothStart =
smoothEnd =
smoothDistance =
smoothDuration =
null ) ;
$ . smoothScroll = function ( el , end ) { $ . smoothScroll = function ( el , end ) {
if ( ! window . requestAnimationFrame ) {
if ( ! window . requestAnimationFrame ) {
el . scrollTop = end ;
el . scrollTop = end ;
return ;
return ;
@ -322,12 +416,18 @@ $.smoothScroll = function(el, end) {
smoothDuration = Math . min ( 300 , Math . abs ( smoothDistance ) ) ;
smoothDuration = Math . min ( 300 , Math . abs ( smoothDistance ) ) ;
const startTime = Date . now ( ) ;
const startTime = Date . now ( ) ;
smoothScroll = function ( ) {
smoothScroll = function ( ) {
const p = Math . min ( 1 , ( Date . now ( ) - startTime ) / smoothDuration ) ;
const p = Math . min ( 1 , ( Date . now ( ) - startTime ) / smoothDuration ) ;
const y = Math . max ( 0 , Math . floor ( smoothStart + ( smoothDistance * ( p < 0.5 ? 2 * p * p : ( p * ( 4 - ( p * 2 ) ) ) - 1 ) ) ) ) ;
const y = Math . max (
0 ,
Math . floor (
smoothStart +
smoothDistance * ( p < 0.5 ? 2 * p * p : p * ( 4 - p * 2 ) - 1 ) ,
) ,
) ;
el . scrollTop = y ;
el . scrollTop = y ;
if ( p === 1 ) {
if ( p === 1 ) {
return smoothScroll = null ;
return ( smoothScroll = null ) ;
} else {
} else {
return requestAnimationFrame ( smoothScroll ) ;
return requestAnimationFrame ( smoothScroll ) ;
}
}
@ -339,7 +439,7 @@ $.smoothScroll = function(el, end) {
// Utilities
// Utilities
//
//
$ . extend = function ( target , ... objects ) { $ . extend = function ( target , ... objects ) {
for ( var object of Array . from ( objects ) ) {
for ( var object of Array . from ( objects ) ) {
if ( object ) {
if ( object ) {
for ( var key in object ) {
for ( var key in object ) {
@ -351,7 +451,7 @@ $.extend = function(target, ...objects) {
return target ;
return target ;
} ; } ;
$ . makeArray = function ( object ) { $ . makeArray = function ( object ) {
if ( Array . isArray ( object ) ) {
if ( Array . isArray ( object ) ) {
return object ;
return object ;
} else {
} else {
@ -359,7 +459,7 @@ $.makeArray = function(object) {
}
}
} ; } ;
$ . arrayDelete = function ( array , object ) { $ . arrayDelete = function ( array , object ) {
const index = array . indexOf ( object ) ;
const index = array . indexOf ( object ) ;
if ( index >= 0 ) {
if ( index >= 0 ) {
array . splice ( index , 1 ) ;
array . splice ( index , 1 ) ;
@ -370,45 +470,49 @@ $.arrayDelete = function(array, object) {
} ; } ;
// Returns true if the object is an array or a collection of DOM elements.
// Returns true if the object is an array or a collection of DOM elements.
$ . isCollection = object => Array . isArray ( object ) || ( typeof ( object != null ? object . item : undefined ) === 'function' ) ; $ . isCollection = ( object ) =>
Array . isArray ( object ) ||
typeof ( object != null ? object . item : undefined ) === "function" ;
const ESCAPE _HTML _MAP = { const ESCAPE _HTML _MAP = {
'&' : '&' ,
"&" : "&" ,
'<' : '<' ,
"<" : "<" ,
'>' : '>' ,
">" : ">" ,
'"' : '"' ,
'"' : """ ,
"'" : ''' ,
"'" : "'" ,
'/' : '/'
"/" : "/" ,
} ; } ;
const ESCAPE _HTML _REGEXP = /[&<>"'\/]/g ; const ESCAPE _HTML _REGEXP = /[&<>"'\/]/g ;
$ . escape = string => string . replace ( ESCAPE _HTML _REGEXP , match => ESCAPE _HTML _MAP [ match ] ) ; $ . escape = ( string ) =>
string . replace ( ESCAPE _HTML _REGEXP , ( match ) => ESCAPE _HTML _MAP [ match ] ) ;
const ESCAPE _REGEXP = /([.*+?^=!:${}()|\[\]\/\\])/g ; const ESCAPE _REGEXP = /([.*+?^=!:${}()|\[\]\/\\])/g ;
$ . escapeRegexp = string => string . replace ( ESCAPE _REGEXP , "\\$1" ) ; $ . escapeRegexp = ( string ) => string . replace ( ESCAPE _REGEXP , "\\$1" ) ;
$ . urlDecode = string => decodeURIComponent ( string . replace ( /\+/g , '%20' ) ) ; $ . urlDecode = ( string ) => decodeURIComponent ( string . replace ( /\+/g , "%20" ) ) ;
$ . classify = function ( string ) { $ . classify = function ( string ) {
string = string . split ( '_' ) ;
string = string . split ( "_" ) ;
for ( let i = 0 ; i < string . length ; i ++ ) {
for ( let i = 0 ; i < string . length ; i ++ ) {
var substr = string [ i ] ;
var substr = string [ i ] ;
string [ i ] = substr [ 0 ] . toUpperCase ( ) + substr . slice ( 1 ) ;
string [ i ] = substr [ 0 ] . toUpperCase ( ) + substr . slice ( 1 ) ;
}
}
return string . join ( '' ) ;
return string . join ( "" ) ;
} ; } ;
$ . framify = function ( fn , obj ) { $ . framify = function ( fn , obj ) {
if ( window . requestAnimationFrame ) {
if ( window . requestAnimationFrame ) {
return ( ... args ) => requestAnimationFrame ( fn . bind ( obj , ... Array . from ( args ) ) ) ;
return ( ... args ) =>
requestAnimationFrame ( fn . bind ( obj , ... Array . from ( args ) ) ) ;
} else {
} else {
return fn ;
return fn ;
}
}
} ; } ;
$ . requestAnimationFrame = function ( fn ) { $ . requestAnimationFrame = function ( fn ) {
if ( window . requestAnimationFrame ) {
if ( window . requestAnimationFrame ) {
requestAnimationFrame ( fn ) ;
requestAnimationFrame ( fn ) ;
} else {
} else {
@ -420,37 +524,81 @@ $.requestAnimationFrame = function(fn) {
// Miscellaneous
// Miscellaneous
//
//
$ . noop = function ( ) { } ; $ . noop = function ( ) { } ;
$ . popup = function ( value ) { $ . popup = function ( value ) {
try {
try {
const win = window . open ( ) ;
const win = window . open ( ) ;
if ( win . opener ) { win . opener = null ; }
if ( win . opener ) {
win . opener = null ;
}
win . location = value . href || value ;
win . location = value . href || value ;
} catch ( error ) {
} catch ( error ) {
window . open ( value . href || value , '_blank' ) ;
window . open ( value . href || value , "_blank" ) ;
}
}
} ; } ;
let isMac = null ; let isMac = null ;
$ . isMac = ( ) => isMac != null ? isMac : ( isMac = ( navigator . userAgent != null ? navigator . userAgent . indexOf ( 'Mac' ) : undefined ) >= 0 ) ; $ . isMac = ( ) =>
isMac != null
? isMac
: ( isMac =
( navigator . userAgent != null
? navigator . userAgent . indexOf ( "Mac" )
: undefined ) >= 0 ) ;
let isIE = null ; let isIE = null ;
$ . isIE = ( ) => isIE != null ? isIE : ( isIE = ( ( navigator . userAgent != null ? navigator . userAgent . indexOf ( 'MSIE' ) : undefined ) >= 0 ) || ( ( navigator . userAgent != null ? navigator . userAgent . indexOf ( 'rv:11.0' ) : undefined ) >= 0 ) ) ; $ . isIE = ( ) =>
isIE != null
? isIE
: ( isIE =
( navigator . userAgent != null
? navigator . userAgent . indexOf ( "MSIE" )
: undefined ) >= 0 ||
( navigator . userAgent != null
? navigator . userAgent . indexOf ( "rv:11.0" )
: undefined ) >= 0 ) ;
let isChromeForAndroid = null ; let isChromeForAndroid = null ;
$ . isChromeForAndroid = ( ) => isChromeForAndroid != null ? isChromeForAndroid : ( isChromeForAndroid = ( ( navigator . userAgent != null ? navigator . userAgent . indexOf ( 'Android' ) : undefined ) >= 0 ) && /Chrome\/([.0-9])+ Mobile/ . test ( navigator . userAgent ) ) ; $ . isChromeForAndroid = ( ) =>
isChromeForAndroid != null
? isChromeForAndroid
: ( isChromeForAndroid =
( navigator . userAgent != null
? navigator . userAgent . indexOf ( "Android" )
: undefined ) >= 0 &&
/Chrome\/([.0-9])+ Mobile/ . test ( navigator . userAgent ) ) ;
let isAndroid = null ; let isAndroid = null ;
$ . isAndroid = ( ) => isAndroid != null ? isAndroid : ( isAndroid = ( navigator . userAgent != null ? navigator . userAgent . indexOf ( 'Android' ) : undefined ) >= 0 ) ; $ . isAndroid = ( ) =>
isAndroid != null
? isAndroid
: ( isAndroid =
( navigator . userAgent != null
? navigator . userAgent . indexOf ( "Android" )
: undefined ) >= 0 ) ;
let isIOS = null ; let isIOS = null ;
$ . isIOS = ( ) => isIOS != null ? isIOS : ( isIOS = ( ( navigator . userAgent != null ? navigator . userAgent . indexOf ( 'iPhone' ) : undefined ) >= 0 ) || ( ( navigator . userAgent != null ? navigator . userAgent . indexOf ( 'iPad' ) : undefined ) >= 0 ) ) ; $ . isIOS = ( ) =>
isIOS != null
$ . overlayScrollbarsEnabled = function ( ) { ? isIOS
if ( ! $ . isMac ( ) ) { return false ; }
: ( isIOS =
const div = document . createElement ( 'div' ) ;
( navigator . userAgent != null
div . setAttribute ( 'style' , 'width: 100px; height: 100px; overflow: scroll; position: absolute' ) ;
? navigator . userAgent . indexOf ( "iPhone" )
: undefined ) >= 0 ||
( navigator . userAgent != null
? navigator . userAgent . indexOf ( "iPad" )
: undefined ) >= 0 ) ;
$ . overlayScrollbarsEnabled = function ( ) {
if ( ! $ . isMac ( ) ) {
return false ;
}
const div = document . createElement ( "div" ) ;
div . setAttribute (
"style" ,
"width: 100px; height: 100px; overflow: scroll; position: absolute" ,
) ;
document . body . appendChild ( div ) ;
document . body . appendChild ( div ) ;
const result = div . offsetWidth === div . clientWidth ;
const result = div . offsetWidth === div . clientWidth ;
document . body . removeChild ( div ) ;
document . body . removeChild ( div ) ;
@ -458,36 +606,39 @@ $.overlayScrollbarsEnabled = function() {
} ; } ;
const HIGHLIGHT _DEFAULTS = { const HIGHLIGHT _DEFAULTS = {
className : 'highlight' ,
className : "highlight" ,
delay : 1000
delay : 1000 ,
} ; } ;
$ . highlight = function ( el , options ) { $ . highlight = function ( el , options ) {
if ( options == null ) { options = { } ; }
if ( options == null ) {
options = { } ;
}
options = $ . extend ( { } , HIGHLIGHT _DEFAULTS , options ) ;
options = $ . extend ( { } , HIGHLIGHT _DEFAULTS , options ) ;
el . classList . add ( options . className ) ;
el . classList . add ( options . className ) ;
setTimeout ( ( ( ) => el . classList . remove ( options . className ) ) , options . delay ) ;
setTimeout ( ( => el . classList . remove ( options . className ) , options . delay ) ;
} ; } ;
$ . copyToClipboard = function ( string ) { $ . copyToClipboard = function ( string ) {
let result ;
let result ;
const textarea = document . createElement ( 'textarea' ) ;
const textarea = document . createElement ( "textarea" ) ;
textarea . style . position = 'fixed' ;
textarea . style . position = "fixed" ;
textarea . style . opacity = 0 ;
textarea . style . opacity = 0 ;
textarea . value = string ;
textarea . value = string ;
document . body . appendChild ( textarea ) ;
document . body . appendChild ( textarea ) ;
try {
try {
textarea . select ( ) ;
textarea . select ( ) ;
result = ! ! document . execCommand ( 'copy' ) ;
result = ! ! document . execCommand ( "copy" ) ;
} catch ( error ) {
} catch ( error ) {
result = false ;
result = false ;
}
} finally {
finally {
document . body . removeChild ( textarea ) ;
document . body . removeChild ( textarea ) ;
}
}
return result ;
return result ;
} ; } ;
function _ _guard _ _ ( value , transform ) { function _ _guard _ _ ( value , transform ) {
return ( typeof value !== 'undefined' && value !== null ) ? transform ( value ) : undefined ;
return typeof value !== "undefined" && value !== null
? transform ( value )
: undefined ;
} }
Simon Legner
1 year ago