@creative-web-solution/front-library 6.1.3 → 6.2.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (168) hide show
  1. package/CHANGELOG.md +52 -1
  2. package/DOM/Class.js +1 -1
  3. package/DOM/OuterSize.js +1 -1
  4. package/DOM/matrix.js +1 -1
  5. package/DOM/size.js +1 -1
  6. package/DOM/wrap.js +2 -2
  7. package/Events/EventsManager.js +39 -81
  8. package/Events/HistoryController.js +3 -3
  9. package/Events/ImageLoad.js +1 -1
  10. package/Events/IntersectObserver.js +3 -2
  11. package/Events/KeyboardHandler.js +2 -2
  12. package/Events/MediaQueriesEvents.js +2 -2
  13. package/Events/TouchHover.js +3 -3
  14. package/Events/WindowEvents.js +3 -3
  15. package/Events/gesture.js +2 -2
  16. package/Events/onAnimationEnd.js +37 -33
  17. package/Events/onTransitionEnd.js +38 -29
  18. package/Events/pubSub.js +2 -2
  19. package/Helpers/Cookie.js +1 -1
  20. package/Helpers/TransitionHelpers.js +95 -0
  21. package/Helpers/extend.js +1 -1
  22. package/Helpers/getValue.js +1 -1
  23. package/Helpers/sequential.js +1 -1
  24. package/Helpers/wait.js +1 -1
  25. package/ModernizrAddons/css-var-support.js +3 -0
  26. package/ModernizrAddons/touchdevice.js +1 -1
  27. package/Modules/Accordion.js +12 -6
  28. package/Modules/Autocomplete.js +7 -7
  29. package/Modules/DragSlider.js +583 -0
  30. package/Modules/Notifications.js +8 -8
  31. package/Modules/Popin.js +8 -8
  32. package/Modules/ScrollSnap.js +8 -8
  33. package/Modules/SkinCheckbox.js +2 -2
  34. package/Modules/SkinFile.js +4 -4
  35. package/Modules/SkinRadio.js +3 -3
  36. package/Modules/SkinSelect.js +12 -12
  37. package/Modules/Slider.js +100 -32
  38. package/Modules/Tabs.js +5 -5
  39. package/Modules/Validator/Tools/RadioButton.js +1 -1
  40. package/Modules/Validator/Tools/ValidationState.js +1 -1
  41. package/Modules/Validator/Tools/getQueryFromForm.js +1 -1
  42. package/Modules/Validator/date.js +3 -3
  43. package/Modules/Validator/email.js +3 -3
  44. package/Modules/Validator/equals.js +3 -3
  45. package/Modules/Validator/index.js +6 -6
  46. package/Modules/Validator/max.js +2 -2
  47. package/Modules/Validator/maxlength.js +2 -2
  48. package/Modules/Validator/min.js +2 -2
  49. package/Modules/Validator/minlength.js +2 -2
  50. package/Modules/Validator/multiRequired.js +5 -5
  51. package/Modules/Validator/number.js +3 -3
  52. package/Modules/Validator/pattern.js +2 -2
  53. package/Modules/Validator/recaptcha.js +2 -2
  54. package/Modules/Validator/required.js +4 -4
  55. package/Modules/Validator/serverCheck.js +3 -3
  56. package/Modules/Validator/url.js +3 -3
  57. package/Modules/YouTubePlayer.js +2 -2
  58. package/Modules/globalState.js +1 -1
  59. package/README.md +3 -3
  60. package/Tools/PrefixedProperties.js +54 -0
  61. package/Tools/TouchDeviceSupport.js +1 -0
  62. package/WebGL/GLImageTransition/GLImageTransition.js +4 -4
  63. package/documentation/extra/events.md +2 -2
  64. package/documentation/extra/modernizr.md +1 -0
  65. package/documentation/extra/modules/DragSlider.md +111 -0
  66. package/documentation/extra/modules/YouTubePlayer.md +1 -1
  67. package/documentation/extra/modules/autocomplete.md +1 -1
  68. package/documentation/extra/modules/popin.md +3 -3
  69. package/documentation/extra/modules/slider.md +7 -3
  70. package/documentation/extra/modules/template.md +1 -1
  71. package/documentation/extra/modules/validator.md +13 -13
  72. package/documentation/extra/webgl/GLImageTransition.md +1 -1
  73. package/documentation/jsdocs/dom/global.html +389 -2
  74. package/documentation/jsdocs/dom/index.html +2 -2
  75. package/documentation/jsdocs/dom/quicksearch.html +1 -1
  76. package/documentation/jsdocs/events/common/DeviceOrientation.html +1 -1
  77. package/documentation/jsdocs/events/common/HistoryController.html +1 -1
  78. package/documentation/jsdocs/events/common/IntersectObserver.html +1 -1
  79. package/documentation/jsdocs/events/common/KeyboardHandler.html +1 -1
  80. package/documentation/jsdocs/events/common/MediaQueriesEvents.html +1 -1
  81. package/documentation/jsdocs/events/common/TouchHover.html +1 -1
  82. package/documentation/jsdocs/events/common/WindowEvents.html +1 -1
  83. package/documentation/jsdocs/events/common/classes.list.html +1 -1
  84. package/documentation/jsdocs/events/common/global.html +1 -1
  85. package/documentation/jsdocs/events/common/index.html +1 -1
  86. package/documentation/jsdocs/events/common/namespaces.list.html +1 -1
  87. package/documentation/jsdocs/events/common/pubSub.html +1 -1
  88. package/documentation/jsdocs/events/common/quicksearch.html +1 -1
  89. package/documentation/jsdocs/events/events-manager/global.html +1 -1
  90. package/documentation/jsdocs/events/events-manager/index.html +1 -1
  91. package/documentation/jsdocs/events/events-manager/quicksearch.html +1 -1
  92. package/documentation/jsdocs/events/gesture/global.html +1 -1
  93. package/documentation/jsdocs/events/gesture/index.html +1 -1
  94. package/documentation/jsdocs/events/gesture/quicksearch.html +1 -1
  95. package/documentation/jsdocs/helpers/array/global.html +1 -1
  96. package/documentation/jsdocs/helpers/array/index.html +1 -1
  97. package/documentation/jsdocs/helpers/array/quicksearch.html +1 -1
  98. package/documentation/jsdocs/helpers/colors/global.html +1 -1
  99. package/documentation/jsdocs/helpers/colors/index.html +1 -1
  100. package/documentation/jsdocs/helpers/colors/quicksearch.html +1 -1
  101. package/documentation/jsdocs/helpers/common/Cookie.html +2 -2
  102. package/documentation/jsdocs/helpers/common/UrlParser.html +1 -1
  103. package/documentation/jsdocs/helpers/common/classes.list.html +1 -1
  104. package/documentation/jsdocs/helpers/common/global.html +8 -2
  105. package/documentation/jsdocs/helpers/common/index.html +1 -1
  106. package/documentation/jsdocs/helpers/common/quicksearch.html +1 -1
  107. package/documentation/jsdocs/helpers/types/global.html +1 -1
  108. package/documentation/jsdocs/helpers/types/index.html +1 -1
  109. package/documentation/jsdocs/helpers/types/quicksearch.html +1 -1
  110. package/documentation/jsdocs/modules/accordion/Accordion.html +1 -1
  111. package/documentation/jsdocs/modules/accordion/classes.list.html +1 -1
  112. package/documentation/jsdocs/modules/accordion/index.html +1 -1
  113. package/documentation/jsdocs/modules/accordion/quicksearch.html +1 -1
  114. package/documentation/jsdocs/modules/autocomplete/Autocomplete.html +1 -1
  115. package/documentation/jsdocs/modules/autocomplete/classes.list.html +1 -1
  116. package/documentation/jsdocs/modules/autocomplete/index.html +1 -1
  117. package/documentation/jsdocs/modules/autocomplete/quicksearch.html +1 -1
  118. package/documentation/jsdocs/modules/common/DragSlider.html +946 -0
  119. package/documentation/jsdocs/modules/common/classes.list.html +310 -0
  120. package/documentation/jsdocs/modules/common/global.html +8 -1
  121. package/documentation/jsdocs/modules/common/globalState.html +8 -1
  122. package/documentation/jsdocs/modules/common/index.html +8 -1
  123. package/documentation/jsdocs/modules/common/namespaces.list.html +15 -1
  124. package/documentation/jsdocs/modules/common/quicksearch.html +1 -1
  125. package/documentation/jsdocs/modules/form-skin/SkinCheckbox.html +1 -1
  126. package/documentation/jsdocs/modules/form-skin/SkinFile.html +1 -1
  127. package/documentation/jsdocs/modules/form-skin/SkinRadio.html +1 -1
  128. package/documentation/jsdocs/modules/form-skin/SkinSelect.html +1 -1
  129. package/documentation/jsdocs/modules/form-skin/classes.list.html +1 -1
  130. package/documentation/jsdocs/modules/form-skin/global.html +1 -1
  131. package/documentation/jsdocs/modules/form-skin/index.html +1 -1
  132. package/documentation/jsdocs/modules/form-skin/quicksearch.html +1 -1
  133. package/documentation/jsdocs/modules/media-preloader/MediaPreloader.html +1 -1
  134. package/documentation/jsdocs/modules/media-preloader/classes.list.html +1 -1
  135. package/documentation/jsdocs/modules/media-preloader/index.html +1 -1
  136. package/documentation/jsdocs/modules/media-preloader/quicksearch.html +1 -1
  137. package/documentation/jsdocs/modules/notifications/Notifications.html +1 -1
  138. package/documentation/jsdocs/modules/notifications/classes.list.html +1 -1
  139. package/documentation/jsdocs/modules/notifications/index.html +1 -1
  140. package/documentation/jsdocs/modules/notifications/quicksearch.html +1 -1
  141. package/documentation/jsdocs/modules/popin/Popin.html +1 -1
  142. package/documentation/jsdocs/modules/popin/PopinController.html +1 -1
  143. package/documentation/jsdocs/modules/popin/classes.list.html +1 -1
  144. package/documentation/jsdocs/modules/popin/index.html +1 -1
  145. package/documentation/jsdocs/modules/popin/quicksearch.html +1 -1
  146. package/documentation/jsdocs/modules/scroll-snap/ScrollSnap.html +1 -1
  147. package/documentation/jsdocs/modules/scroll-snap/classes.list.html +1 -1
  148. package/documentation/jsdocs/modules/scroll-snap/index.html +1 -1
  149. package/documentation/jsdocs/modules/scroll-snap/quicksearch.html +1 -1
  150. package/documentation/jsdocs/modules/slider/Slider.html +1 -1
  151. package/documentation/jsdocs/modules/slider/SliderControls.html +159 -2
  152. package/documentation/jsdocs/modules/slider/classes.list.html +1 -1
  153. package/documentation/jsdocs/modules/slider/index.html +1 -1
  154. package/documentation/jsdocs/modules/slider/quicksearch.html +1 -1
  155. package/documentation/jsdocs/modules/tabs/Tabs.html +1 -1
  156. package/documentation/jsdocs/modules/tabs/classes.list.html +1 -1
  157. package/documentation/jsdocs/modules/tabs/index.html +1 -1
  158. package/documentation/jsdocs/modules/tabs/quicksearch.html +1 -1
  159. package/documentation/jsdocs/modules/validator/Validator.html +1 -1
  160. package/documentation/jsdocs/modules/validator/classes.list.html +1 -1
  161. package/documentation/jsdocs/modules/validator/global.html +1 -1
  162. package/documentation/jsdocs/modules/validator/index.html +1 -1
  163. package/documentation/jsdocs/modules/validator/quicksearch.html +1 -1
  164. package/documentation/jsdocs/modules/youtube-player/YouTubePlayer.html +1 -1
  165. package/documentation/jsdocs/modules/youtube-player/classes.list.html +1 -1
  166. package/documentation/jsdocs/modules/youtube-player/index.html +1 -1
  167. package/documentation/jsdocs/modules/youtube-player/quicksearch.html +1 -1
  168. package/package.json +1 -1
@@ -1850,6 +1850,9 @@ If 'waitFor' < 0 => wait for an animation frame
1850
1850
 
1851
1851
 
1852
1852
  <span class="param-type">Number</span>
1853
+ |
1854
+
1855
+ <span class="param-type">String</span>
1853
1856
 
1854
1857
 
1855
1858
 
@@ -1876,7 +1879,7 @@ If 'waitFor' < 0 => wait for an animation frame
1876
1879
  </td>
1877
1880
 
1878
1881
 
1879
- <td class="description last">In ms</td>
1882
+ <td class="description last">Number in ms or 'idle'</td>
1880
1883
  </tr>
1881
1884
 
1882
1885
 
@@ -1970,6 +1973,9 @@ wait().then( ... )
1970
1973
  // Wait for 500ms
1971
1974
  wait( 500 ).then( ... )
1972
1975
 
1976
+ // Wait for an idle state
1977
+ wait( &#x27;idle&#x27; ).then( ... )
1978
+
1973
1979
  // To be able to cancel the waiting, don&#x27;t chain .then() directly on wait()
1974
1980
  promise = wait( 500 )
1975
1981
  promise.then( ... )
@@ -2029,7 +2035,7 @@ promise.kill()</pre>
2029
2035
  <span class="jsdoc-message">
2030
2036
  Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.4</a>
2031
2037
 
2032
- on 2020-07-28T16:49:10+02:00
2038
+ on 2021-02-03T15:24:31+01:00
2033
2039
 
2034
2040
  using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
2035
2041
  </span>
@@ -135,7 +135,7 @@
135
135
  <span class="jsdoc-message">
136
136
  Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.4</a>
137
137
 
138
- on 2020-07-28T16:49:10+02:00
138
+ on 2021-02-03T15:24:31+01:00
139
139
 
140
140
  using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
141
141
  </span>
@@ -7,7 +7,7 @@
7
7
  <script src="scripts/fulltext-search.js"></script>
8
8
 
9
9
  <script type="text/x-docstrap-searchdb">
10
- {"global.html":{"id":"global.html","title":"Global","body":" Documentation Classes CookieUrlParser Global _extendcopydebouncedeferdistanceextendgetValuehasLocalStoragesequencethrottlewait Global Methods _extend() Extend function from jQuery 3 copy(target) Clone the properties of an object and its children (deep copy) Parameters: Name Type Description target Object Object to copy Returns: Type Object Example clonedObject = copy(target) debounce(callback [, threshold] [, immediate]) Debounce Parameters: Name Type Argument Default Description callback function threshold Number &lt;optional&gt; 100 immediate Boolean &lt;optional&gt; Returns: Type function Example debouncedFunction = debounce( myFunction, 200 ) defer() Deferred promise Returns: - a promise with a resolve and reject function Type Promise Example let dfd = defer() // To resolve: dfd.resolve() // To reject: dfd.reject() distance(latitude1, longitude1, latitude2, longitude2) Compute the distance (in km) between 2 coordinates Parameters: Name Type Description latitude1 Number longitude1 Number latitude2 Number longitude2 Number Returns: Type Number extend(target, sources) Merge the properties of an object and its children (deep merge) with others objects. It doesn't modify the target object. Parameters: Name Type Argument Description target Object Object to merge sources Object &lt;repeatable&gt; All other arguments are objects Returns: Type Object Example extendedObject = extend(target, obj1, obj2) getValue($input) Get the value of a form field (get from jQuery) Parameters: Name Type Description $input HTMLElement Returns: - the value of the form field Type String | Number Example value = getValue( $input ) hasLocalStorage() Check if the localstorage is available. Returns: Type Boolean Example hasStorage = hasLocalStorage(); sequence(promisesArray) Create a sequential list of promises (which resolves one after another) Parameters: Name Type Description promisesArray Array.&lt;Promise&gt; Returns: Type Promise Example prom = sequence( arrayOfPromise ) throttle(callback [, limit]) Throttle Parameters: Name Type Argument Default Description callback function limit Number &lt;optional&gt; 100 Returns: Type function Example throttledFunction = throttle( cbFunction, 200 ) wait( [waitFor]) Return a promise and wait for 'waitFor' millisecond to resolve it. If 'waitFor' &lt; 0 =&gt; wait for an animation frame Parameters: Name Type Argument Default Description waitFor Number &lt;optional&gt; -1 In ms Returns: - a promise with a .kill() function to cancel the waiting Type Promise Example // Wait for an animation frame (using requestAnimationFrame) wait().then( ... ) // Wait for 500ms wait( 500 ).then( ... ) // To be able to cancel the waiting, don't chain .then() directly on wait() promise = wait( 500 ) promise.then( ... ) promise.kill() × Search results Close Documentation generated by JSDoc 3.6.4 on 2020-07-28T16:49:10+02:00 using the DocStrap template. "},"classes.list.html":{"id":"classes.list.html","title":"Classes","body":" Documentation Classes CookieUrlParser Global _extendcopydebouncedeferdistanceextendgetValuehasLocalStoragesequencethrottlewait Classes Classes Cookie UrlParser × Search results Close Documentation generated by JSDoc 3.6.4 on 2020-07-28T16:49:10+02:00 using the DocStrap template. "},"index.html":{"id":"index.html","title":"Index","body":" Documentation Classes CookieUrlParser Global _extendcopydebouncedeferdistanceextendgetValuehasLocalStoragesequencethrottlewait × Search results Close Documentation generated by JSDoc 3.6.4 on 2020-07-28T16:49:10+02:00 using the DocStrap template. "},"Cookie.html":{"id":"Cookie.html","title":"Class: Cookie","body":" Documentation Classes CookieUrlParser Global _extendcopydebouncedeferdistanceextendgetValuehasLocalStoragesequencethrottlewait Class: Cookie Cookie new Cookie() Manage cookie Example cookie.create( 'cookieName', 'cookieValue' ) cookie.read( 'cookieName' ) cookie.erase( 'cookieName' ) // All parameters cookie.create( 'cookieName', 'cookieValue', { \"days\": 10, \"secure\": true, \"domain\": \"test.com\", \"path\": \"/myDir\" } ); Methods read(name) Read a cookie Parameters: Name Type Description name String Returns: Type String × Search results Close Documentation generated by JSDoc 3.6.4 on 2020-07-28T16:49:10+02:00 using the DocStrap template. "},"UrlParser.html":{"id":"UrlParser.html","title":"Class: UrlParser","body":" Documentation Classes CookieUrlParser Global _extendcopydebouncedeferdistanceextendgetValuehasLocalStoragesequencethrottlewait Class: UrlParser UrlParser new UrlParser(url) Parse an URL Parameters: Name Type Description url String Returns: the parsed url Type urlParser_Object Example let url = new UrlParser( 'https://username:password@demo.domain.com:1337/section/page.html?param=1&amp;param=2#anchor' ); // Update the anchor and regenerate url url.setAnchor( 'anchor' ) // Get a query param url.getParam( 'key' ) // Get all query params url.getParam() // or this.queryKey // Add/modify a query param url.setParam( 'key', value ) // Add/modify several query param url.setParam( { \"key1\": \"value1\", \"key2\": \"value2\" } ) // Remove a query param url.removeParam( 'key' ) url.removeParam( [ 'key1', 'key2', ... ] ) // Remove all query param url.removeAll() Methods getParam( [key]) Get the value of a query param Parameters: Name Type Argument Description key String &lt;optional&gt; Returns: Type String | Object removeAll() Delete all query param Returns: Type UrlParser removeParam(keys) Remove one or several query param Parameters: Name Type Description keys String | Array.&lt;String&gt; Returns: Type UrlParser setAnchor(anchor) Change anchor and recreate all values Parameters: Name Type Description anchor String Returns: Type UrlParser setParam(keys, value) Add/modify one or several query param Parameters: Name Type Description keys String | Object value String Returns: Type UrlParser Type Definitions urlParser_Object Type: Object Properties: Name Type Description absolute String https://demo.domain.com:1337/section/page.html?param=2 absolute2 String https://demo.domain.com:1337/section/page.html?param=2#anchor anchor String anchor authority String username:password@demo.domain.com:1337 directory String /section/ file String page.html full String https://username:password@demo.domain.com:1337/section/page.html?param=2 full2 String https://username:password@demo.domain.com:1337/section/page.html?param=2#anchor host String demo.domain.com location String new UrlParser(window.location) password String password path String /section/page.html port String 1337 protocol String https query String param=2 queryKey Object { param: \"2\" } relative String Url without host, credential and anchor relative2 String Url without host, credential but with anchor source String Original Url, never change: https://username:password@demo.domain.com:1337/section/page.html?param=1&amp;param=2#anchor user String username userInfo String username:password isAnchor Boolean false isSameDomain Boolean false setAnchor function setParam function removeParam function removeAll function × Search results Close Documentation generated by JSDoc 3.6.4 on 2020-07-28T16:49:10+02:00 using the DocStrap template. "}}
10
+ {"global.html":{"id":"global.html","title":"Global","body":" Documentation Classes CookieUrlParser Global _extendcopydebouncedeferdistanceextendgetValuehasLocalStoragesequencethrottlewait Global Methods _extend() Extend function from jQuery 3 copy(target) Clone the properties of an object and its children (deep copy) Parameters: Name Type Description target Object Object to copy Returns: Type Object Example clonedObject = copy(target) debounce(callback [, threshold] [, immediate]) Debounce Parameters: Name Type Argument Default Description callback function threshold Number &lt;optional&gt; 100 immediate Boolean &lt;optional&gt; Returns: Type function Example debouncedFunction = debounce( myFunction, 200 ) defer() Deferred promise Returns: - a promise with a resolve and reject function Type Promise Example let dfd = defer() // To resolve: dfd.resolve() // To reject: dfd.reject() distance(latitude1, longitude1, latitude2, longitude2) Compute the distance (in km) between 2 coordinates Parameters: Name Type Description latitude1 Number longitude1 Number latitude2 Number longitude2 Number Returns: Type Number extend(target, sources) Merge the properties of an object and its children (deep merge) with others objects. It doesn't modify the target object. Parameters: Name Type Argument Description target Object Object to merge sources Object &lt;repeatable&gt; All other arguments are objects Returns: Type Object Example extendedObject = extend(target, obj1, obj2) getValue($input) Get the value of a form field (get from jQuery) Parameters: Name Type Description $input HTMLElement Returns: - the value of the form field Type String | Number Example value = getValue( $input ) hasLocalStorage() Check if the localstorage is available. Returns: Type Boolean Example hasStorage = hasLocalStorage(); sequence(promisesArray) Create a sequential list of promises (which resolves one after another) Parameters: Name Type Description promisesArray Array.&lt;Promise&gt; Returns: Type Promise Example prom = sequence( arrayOfPromise ) throttle(callback [, limit]) Throttle Parameters: Name Type Argument Default Description callback function limit Number &lt;optional&gt; 100 Returns: Type function Example throttledFunction = throttle( cbFunction, 200 ) wait( [waitFor]) Return a promise and wait for 'waitFor' millisecond to resolve it. If 'waitFor' &lt; 0 =&gt; wait for an animation frame Parameters: Name Type Argument Default Description waitFor Number | String &lt;optional&gt; -1 Number in ms or 'idle' Returns: - a promise with a .kill() function to cancel the waiting Type Promise Example // Wait for an animation frame (using requestAnimationFrame) wait().then( ... ) // Wait for 500ms wait( 500 ).then( ... ) // Wait for an idle state wait( 'idle' ).then( ... ) // To be able to cancel the waiting, don't chain .then() directly on wait() promise = wait( 500 ) promise.then( ... ) promise.kill() × Search results Close Documentation generated by JSDoc 3.6.4 on 2021-02-03T15:24:31+01:00 using the DocStrap template. "},"classes.list.html":{"id":"classes.list.html","title":"Classes","body":" Documentation Classes CookieUrlParser Global _extendcopydebouncedeferdistanceextendgetValuehasLocalStoragesequencethrottlewait Classes Classes Cookie UrlParser × Search results Close Documentation generated by JSDoc 3.6.4 on 2021-02-03T15:24:31+01:00 using the DocStrap template. "},"index.html":{"id":"index.html","title":"Index","body":" Documentation Classes CookieUrlParser Global _extendcopydebouncedeferdistanceextendgetValuehasLocalStoragesequencethrottlewait × Search results Close Documentation generated by JSDoc 3.6.4 on 2021-02-03T15:24:31+01:00 using the DocStrap template. "},"Cookie.html":{"id":"Cookie.html","title":"Class: Cookie","body":" Documentation Classes CookieUrlParser Global _extendcopydebouncedeferdistanceextendgetValuehasLocalStoragesequencethrottlewait Class: Cookie Cookie new Cookie() Manage cookie Example cookie.create( 'cookieName', 'cookieValue' ) cookie.read( 'cookieName' ) cookie.delete( 'cookieName' ) // All parameters cookie.create( 'cookieName', 'cookieValue', { \"days\": 10, \"secure\": true, \"domain\": \"test.com\", \"path\": \"/myDir\" } ); Methods read(name) Read a cookie Parameters: Name Type Description name String Returns: Type String × Search results Close Documentation generated by JSDoc 3.6.4 on 2021-02-03T15:24:31+01:00 using the DocStrap template. "},"UrlParser.html":{"id":"UrlParser.html","title":"Class: UrlParser","body":" Documentation Classes CookieUrlParser Global _extendcopydebouncedeferdistanceextendgetValuehasLocalStoragesequencethrottlewait Class: UrlParser UrlParser new UrlParser(url) Parse an URL Parameters: Name Type Description url String Returns: the parsed url Type urlParser_Object Example let url = new UrlParser( 'https://username:password@demo.domain.com:1337/section/page.html?param=1&amp;param=2#anchor' ); // Update the anchor and regenerate url url.setAnchor( 'anchor' ) // Get a query param url.getParam( 'key' ) // Get all query params url.getParam() // or this.queryKey // Add/modify a query param url.setParam( 'key', value ) // Add/modify several query param url.setParam( { \"key1\": \"value1\", \"key2\": \"value2\" } ) // Remove a query param url.removeParam( 'key' ) url.removeParam( [ 'key1', 'key2', ... ] ) // Remove all query param url.removeAll() Methods getParam( [key]) Get the value of a query param Parameters: Name Type Argument Description key String &lt;optional&gt; Returns: Type String | Object removeAll() Delete all query param Returns: Type UrlParser removeParam(keys) Remove one or several query param Parameters: Name Type Description keys String | Array.&lt;String&gt; Returns: Type UrlParser setAnchor(anchor) Change anchor and recreate all values Parameters: Name Type Description anchor String Returns: Type UrlParser setParam(keys, value) Add/modify one or several query param Parameters: Name Type Description keys String | Object value String Returns: Type UrlParser Type Definitions urlParser_Object Type: Object Properties: Name Type Description absolute String https://demo.domain.com:1337/section/page.html?param=2 absolute2 String https://demo.domain.com:1337/section/page.html?param=2#anchor anchor String anchor authority String username:password@demo.domain.com:1337 directory String /section/ file String page.html full String https://username:password@demo.domain.com:1337/section/page.html?param=2 full2 String https://username:password@demo.domain.com:1337/section/page.html?param=2#anchor host String demo.domain.com location String new UrlParser(window.location) password String password path String /section/page.html port String 1337 protocol String https query String param=2 queryKey Object { param: \"2\" } relative String Url without host, credential and anchor relative2 String Url without host, credential but with anchor source String Original Url, never change: https://username:password@demo.domain.com:1337/section/page.html?param=1&amp;param=2#anchor user String username userInfo String username:password isAnchor Boolean false isSameDomain Boolean false setAnchor function setParam function removeParam function removeAll function × Search results Close Documentation generated by JSDoc 3.6.4 on 2021-02-03T15:24:32+01:00 using the DocStrap template. "}}
11
11
  </script>
12
12
 
13
13
  <script type="text/javascript">
@@ -1138,7 +1138,7 @@
1138
1138
  <span class="jsdoc-message">
1139
1139
  Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.4</a>
1140
1140
 
1141
- on 2020-07-28T16:49:08+02:00
1141
+ on 2021-02-03T15:24:30+01:00
1142
1142
 
1143
1143
  using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
1144
1144
  </span>
@@ -128,7 +128,7 @@
128
128
  <span class="jsdoc-message">
129
129
  Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.4</a>
130
130
 
131
- on 2020-07-28T16:49:08+02:00
131
+ on 2021-02-03T15:24:30+01:00
132
132
 
133
133
  using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
134
134
  </span>
@@ -7,7 +7,7 @@
7
7
  <script src="scripts/fulltext-search.js"></script>
8
8
 
9
9
  <script type="text/x-docstrap-searchdb">
10
- {"global.html":{"id":"global.html","title":"Global","body":" Documentation Global isArrayisFunctionisNumberisPlainObjectisStringisType Global Methods isArray(obj) Return true if the objec is an Array Parameters: Name Type Description obj * Returns: Type Boolean Example boolean = isArray( obj ) isFunction(obj) Return true if the object is a Function Parameters: Name Type Description obj * Returns: Type Boolean Example boolean = isFunction( obj ) isNumber(obj) Return true if the object is a Number Parameters: Name Type Description obj * Returns: Type Boolean Example boolean = isNumber( obj ) isPlainObject(obj) Return true if obj is {} or an object created with \"new Object\" Parameters: Name Type Description obj * Returns: Type Boolean isString(obj) Return true if the object is a String Parameters: Name Type Description obj * Returns: Type Boolean Example boolean = isString( obj ) isType(obj, type) Check the type of an object Parameters: Name Type Description obj * type String Returns: - true if the object is in the asked type Type Boolean Example boolean = isType( obj, 'String' ) × Search results Close Documentation generated by JSDoc 3.6.4 on 2020-07-28T16:49:08+02:00 using the DocStrap template. "},"index.html":{"id":"index.html","title":"Index","body":" Documentation Global isArrayisFunctionisNumberisPlainObjectisStringisType × Search results Close Documentation generated by JSDoc 3.6.4 on 2020-07-28T16:49:08+02:00 using the DocStrap template. "}}
10
+ {"global.html":{"id":"global.html","title":"Global","body":" Documentation Global isArrayisFunctionisNumberisPlainObjectisStringisType Global Methods isArray(obj) Return true if the objec is an Array Parameters: Name Type Description obj * Returns: Type Boolean Example boolean = isArray( obj ) isFunction(obj) Return true if the object is a Function Parameters: Name Type Description obj * Returns: Type Boolean Example boolean = isFunction( obj ) isNumber(obj) Return true if the object is a Number Parameters: Name Type Description obj * Returns: Type Boolean Example boolean = isNumber( obj ) isPlainObject(obj) Return true if obj is {} or an object created with \"new Object\" Parameters: Name Type Description obj * Returns: Type Boolean isString(obj) Return true if the object is a String Parameters: Name Type Description obj * Returns: Type Boolean Example boolean = isString( obj ) isType(obj, type) Check the type of an object Parameters: Name Type Description obj * type String Returns: - true if the object is in the asked type Type Boolean Example boolean = isType( obj, 'String' ) × Search results Close Documentation generated by JSDoc 3.6.4 on 2021-02-03T15:24:30+01:00 using the DocStrap template. "},"index.html":{"id":"index.html","title":"Index","body":" Documentation Global isArrayisFunctionisNumberisPlainObjectisStringisType × Search results Close Documentation generated by JSDoc 3.6.4 on 2021-02-03T15:24:30+01:00 using the DocStrap template. "}}
11
11
  </script>
12
12
 
13
13
  <script type="text/javascript">
@@ -1239,7 +1239,7 @@ Set aria-expanded to &quot;true&quot; on the tab you want open at start</pre>
1239
1239
  <span class="jsdoc-message">
1240
1240
  Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.4</a>
1241
1241
 
1242
- on 2020-07-28T16:49:08+02:00
1242
+ on 2021-02-03T15:24:31+01:00
1243
1243
 
1244
1244
  using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
1245
1245
  </span>
@@ -195,7 +195,7 @@
195
195
  <span class="jsdoc-message">
196
196
  Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.4</a>
197
197
 
198
- on 2020-07-28T16:49:08+02:00
198
+ on 2021-02-03T15:24:31+01:00
199
199
 
200
200
  using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
201
201
  </span>
@@ -128,7 +128,7 @@
128
128
  <span class="jsdoc-message">
129
129
  Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.4</a>
130
130
 
131
- on 2020-07-28T16:49:08+02:00
131
+ on 2021-02-03T15:24:31+01:00
132
132
 
133
133
  using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
134
134
  </span>
@@ -7,7 +7,7 @@
7
7
  <script src="scripts/fulltext-search.js"></script>
8
8
 
9
9
  <script type="text/x-docstrap-searchdb">
10
- {"classes.list.html":{"id":"classes.list.html","title":"Classes","body":" Documentation Classes Accordion Classes Classes Accordion × Search results Close Documentation generated by JSDoc 3.6.4 on 2020-07-28T16:49:08+02:00 using the DocStrap template. "},"index.html":{"id":"index.html","title":"Index","body":" Documentation Classes Accordion × Search results Close Documentation generated by JSDoc 3.6.4 on 2020-07-28T16:49:08+02:00 using the DocStrap template. "},"Accordion.html":{"id":"Accordion.html","title":"Class: Accordion","body":" Documentation Classes Accordion Class: Accordion Accordion new Accordion($accordionWrapper [, userOptions]) Accordion Parameters: Name Type Argument Description $accordionWrapper HTMLElement userOptions Object &lt;optional&gt; Properties Name Type Argument Default Description tabSelector String &lt;optional&gt; 'button[aria-expanded]' allowMultipleTab Boolean &lt;optional&gt; false onOpenAtStart Accordion_callback &lt;optional&gt; onOpen Accordion_callback &lt;optional&gt; onClose Accordion_callback &lt;optional&gt; animations Object &lt;optional&gt; Properties Name Type Argument Description open Accordion_animation &lt;optional&gt; close Accordion_animation &lt;optional&gt; destroy Accordion_animation &lt;optional&gt; Example new Accordion( document.querySelector( '.accordion' ), { \"tabSelector\": \".tab\", \"allowMultipleTab\": false, \"animations\": { \"open\": function( $tab, $panel ) { aClass( [ $tab, $panel ], 'on' ); return Promise.resolve(); }, \"close\": function( $tab, $panel ) { rClass( [ $tab, $panel ], 'on' ); return Promise.resolve(); }, \"destroy\": function( $tab, $panel ) { rClass( [ $tab, $panel ], 'on' ); return Promise.resolve(); } }, \"onOpenAtStart\": function( $tab, $panel ) { console.log( 'open: ', $tab, $panel ); }, \"onOpen\": function( $tab, $panel ) { console.log( 'open: ', $tab, $panel ); }, \"onClose\": function( $tab, $panel ) { console.log( 'close: ', $tab, $panel ); } } ); HTML: &lt;div class=\"accordion\"&gt; &lt;button aria-expanded=\"true\" class=\"tab\" aria-controls=\"panel-1\"&gt;Button name&lt;/button&gt; &lt;div id=\"panel-1\" class=\"panel\"&gt; &lt;p&gt;Content&lt;/p&gt; &lt;/div&gt; &lt;button aria-expanded=\"false\" class=\"tab\" aria-controls=\"panel-2\"&gt;Button name&lt;/button&gt; &lt;div id=\"panel-2\" class=\"panel\"&gt; &lt;p&gt;Content&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; Set aria-expanded to \"true\" on the tab you want open at start Methods destroy() Remove all events, css class, ... update() Restart the module Type Definitions Accordion_animation($tab, $panel) Parameters: Name Type Description $tab HTMLElement $panel HTMLElement Returns: Type Promise Accordion_callback($tab, $panel) Parameters: Name Type Description $tab HTMLElement $panel HTMLElement × Search results Close Documentation generated by JSDoc 3.6.4 on 2020-07-28T16:49:08+02:00 using the DocStrap template. "}}
10
+ {"classes.list.html":{"id":"classes.list.html","title":"Classes","body":" Documentation Classes Accordion Classes Classes Accordion × Search results Close Documentation generated by JSDoc 3.6.4 on 2021-02-03T15:24:31+01:00 using the DocStrap template. "},"index.html":{"id":"index.html","title":"Index","body":" Documentation Classes Accordion × Search results Close Documentation generated by JSDoc 3.6.4 on 2021-02-03T15:24:31+01:00 using the DocStrap template. "},"Accordion.html":{"id":"Accordion.html","title":"Class: Accordion","body":" Documentation Classes Accordion Class: Accordion Accordion new Accordion($accordionWrapper [, userOptions]) Accordion Parameters: Name Type Argument Description $accordionWrapper HTMLElement userOptions Object &lt;optional&gt; Properties Name Type Argument Default Description tabSelector String &lt;optional&gt; 'button[aria-expanded]' allowMultipleTab Boolean &lt;optional&gt; false onOpenAtStart Accordion_callback &lt;optional&gt; onOpen Accordion_callback &lt;optional&gt; onClose Accordion_callback &lt;optional&gt; animations Object &lt;optional&gt; Properties Name Type Argument Description open Accordion_animation &lt;optional&gt; close Accordion_animation &lt;optional&gt; destroy Accordion_animation &lt;optional&gt; Example new Accordion( document.querySelector( '.accordion' ), { \"tabSelector\": \".tab\", \"allowMultipleTab\": false, \"animations\": { \"open\": function( $tab, $panel ) { aClass( [ $tab, $panel ], 'on' ); return Promise.resolve(); }, \"close\": function( $tab, $panel ) { rClass( [ $tab, $panel ], 'on' ); return Promise.resolve(); }, \"destroy\": function( $tab, $panel ) { rClass( [ $tab, $panel ], 'on' ); return Promise.resolve(); } }, \"onOpenAtStart\": function( $tab, $panel ) { console.log( 'open: ', $tab, $panel ); }, \"onOpen\": function( $tab, $panel ) { console.log( 'open: ', $tab, $panel ); }, \"onClose\": function( $tab, $panel ) { console.log( 'close: ', $tab, $panel ); } } ); HTML: &lt;div class=\"accordion\"&gt; &lt;button aria-expanded=\"true\" class=\"tab\" aria-controls=\"panel-1\"&gt;Button name&lt;/button&gt; &lt;div id=\"panel-1\" class=\"panel\"&gt; &lt;p&gt;Content&lt;/p&gt; &lt;/div&gt; &lt;button aria-expanded=\"false\" class=\"tab\" aria-controls=\"panel-2\"&gt;Button name&lt;/button&gt; &lt;div id=\"panel-2\" class=\"panel\"&gt; &lt;p&gt;Content&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; Set aria-expanded to \"true\" on the tab you want open at start Methods destroy() Remove all events, css class, ... update() Restart the module Type Definitions Accordion_animation($tab, $panel) Parameters: Name Type Description $tab HTMLElement $panel HTMLElement Returns: Type Promise Accordion_callback($tab, $panel) Parameters: Name Type Description $tab HTMLElement $panel HTMLElement × Search results Close Documentation generated by JSDoc 3.6.4 on 2021-02-03T15:24:31+01:00 using the DocStrap template. "}}
11
11
  </script>
12
12
 
13
13
  <script type="text/javascript">
@@ -2243,7 +2243,7 @@
2243
2243
  <span class="jsdoc-message">
2244
2244
  Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.4</a>
2245
2245
 
2246
- on 2020-07-28T16:49:09+02:00
2246
+ on 2021-02-03T15:24:31+01:00
2247
2247
 
2248
2248
  using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
2249
2249
  </span>
@@ -195,7 +195,7 @@
195
195
  <span class="jsdoc-message">
196
196
  Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.4</a>
197
197
 
198
- on 2020-07-28T16:49:09+02:00
198
+ on 2021-02-03T15:24:31+01:00
199
199
 
200
200
  using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
201
201
  </span>
@@ -128,7 +128,7 @@
128
128
  <span class="jsdoc-message">
129
129
  Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.4</a>
130
130
 
131
- on 2020-07-28T16:49:09+02:00
131
+ on 2021-02-03T15:24:31+01:00
132
132
 
133
133
  using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
134
134
  </span>
@@ -7,7 +7,7 @@
7
7
  <script src="scripts/fulltext-search.js"></script>
8
8
 
9
9
  <script type="text/x-docstrap-searchdb">
10
- {"classes.list.html":{"id":"classes.list.html","title":"Classes","body":" Documentation Classes Autocomplete Classes Classes Autocomplete × Search results Close Documentation generated by JSDoc 3.6.4 on 2020-07-28T16:49:09+02:00 using the DocStrap template. "},"index.html":{"id":"index.html","title":"Index","body":" Documentation Classes Autocomplete × Search results Close Documentation generated by JSDoc 3.6.4 on 2020-07-28T16:49:09+02:00 using the DocStrap template. "},"Autocomplete.html":{"id":"Autocomplete.html","title":"Class: Autocomplete","body":" Documentation Classes Autocomplete Class: Autocomplete Autocomplete new Autocomplete(userOptions) Autocomplete Parameters: Name Type Description userOptions Object Properties Name Type Argument Default Description $searchField HTMLElement $panelWrapper HTMLElement &lt;optional&gt; document.body maxHeight number &lt;optional&gt; 200 useCache Boolean &lt;optional&gt; false minchar Number &lt;optional&gt; 3 source &lt;optional&gt; url String cssPositionning String &lt;optional&gt; false Use CSS or Javascript for the position of the layer updateOnSelect boolean &lt;optional&gt; true Update or not the text field with the selected value onSelect Callback &lt;optional&gt; ({ item, query, resultsList }) =&gt; {} queryParams Callback &lt;optional&gt; query =&gt; { return { \"search\": query } } normalize function &lt;optional&gt; data =&gt; data Conver the ajax response in the good JSON format =&gt; {success, results} renderFieldValue function &lt;optional&gt; ({item, query, resultList}) =&gt; item.name Allow to manipulate the displayed value of items render function &lt;optional&gt; ({resultItem, query, index, itemsList, cssClass}) =&gt; `&lt;li role=\"option\" data-idx=\"${index}\" class=\"${cssClass.item}\"&gt;&lt;a class=\"${cssClass.link}\"&gt;${resultItem.markedName}&lt;/a&gt;&lt;/li&gt;` renderList function &lt;optional&gt; ({resultList, query, cssClass}) =&gt; `&lt;ul role=\"listbox\" class=\"${cssClass.list}\"&gt;${resultList.join('')}&lt;/ul&gt;` renderError function &lt;optional&gt; ({errorMsg, query, cssClass}) =&gt; `&lt;li class=\"${cssClass.error}\"&gt;${errorMsg}&lt;/li&gt;` renderMark function &lt;optional&gt; Allow to wrap the query with a tag in the result item name ({resultItem, reQuery, query, index, resultList, cssClass}) =&gt; {resultItem.name &amp;&amp; (resultItem.markedName = resultItem.name.replace(reQuery,`$1`));} l10n Object &lt;optional&gt; Properties Name Type Argument Default Description noResult String &lt;optional&gt; No result error String &lt;optional&gt; Server error className Object &lt;optional&gt; Properties Name Type Argument Default Description layer String &lt;optional&gt; ac-layer list String &lt;optional&gt; ac-list item String &lt;optional&gt; acl-itm mark String &lt;optional&gt; acl-mrk error String &lt;optional&gt; acl-error hover String &lt;optional&gt; hover disable String &lt;optional&gt; disable See: extra/modules/autocomplete.md for details. Methods clean() Destroy the Autocomplete Returns: Type Autocomplete disable() Disable the autocomplete Returns: Type Autocomplete enable() Enable the autocomplete Returns: Type Autocomplete reset() Reset the input field and the results resetField() Reset the input field resetResults() Reset the results setOptions(newOption) Update the current options Parameters: Name Type Description newOption Object Same options as constructor Returns: Type Autocomplete showAll() When 'source' is used, display the list with all items Returns: Type Autocomplete × Search results Close Documentation generated by JSDoc 3.6.4 on 2020-07-28T16:49:09+02:00 using the DocStrap template. "}}
10
+ {"classes.list.html":{"id":"classes.list.html","title":"Classes","body":" Documentation Classes Autocomplete Classes Classes Autocomplete × Search results Close Documentation generated by JSDoc 3.6.4 on 2021-02-03T15:24:31+01:00 using the DocStrap template. "},"index.html":{"id":"index.html","title":"Index","body":" Documentation Classes Autocomplete × Search results Close Documentation generated by JSDoc 3.6.4 on 2021-02-03T15:24:31+01:00 using the DocStrap template. "},"Autocomplete.html":{"id":"Autocomplete.html","title":"Class: Autocomplete","body":" Documentation Classes Autocomplete Class: Autocomplete Autocomplete new Autocomplete(userOptions) Autocomplete Parameters: Name Type Description userOptions Object Properties Name Type Argument Default Description $searchField HTMLElement $panelWrapper HTMLElement &lt;optional&gt; document.body maxHeight number &lt;optional&gt; 200 useCache Boolean &lt;optional&gt; false minchar Number &lt;optional&gt; 3 source &lt;optional&gt; url String cssPositionning String &lt;optional&gt; false Use CSS or Javascript for the position of the layer updateOnSelect boolean &lt;optional&gt; true Update or not the text field with the selected value onSelect Callback &lt;optional&gt; ({ item, query, resultsList }) =&gt; {} queryParams Callback &lt;optional&gt; query =&gt; { return { \"search\": query } } normalize function &lt;optional&gt; data =&gt; data Conver the ajax response in the good JSON format =&gt; {success, results} renderFieldValue function &lt;optional&gt; ({item, query, resultList}) =&gt; item.name Allow to manipulate the displayed value of items render function &lt;optional&gt; ({resultItem, query, index, itemsList, cssClass}) =&gt; `&lt;li role=\"option\" data-idx=\"${index}\" class=\"${cssClass.item}\"&gt;&lt;a class=\"${cssClass.link}\"&gt;${resultItem.markedName}&lt;/a&gt;&lt;/li&gt;` renderList function &lt;optional&gt; ({resultList, query, cssClass}) =&gt; `&lt;ul role=\"listbox\" class=\"${cssClass.list}\"&gt;${resultList.join('')}&lt;/ul&gt;` renderError function &lt;optional&gt; ({errorMsg, query, cssClass}) =&gt; `&lt;li class=\"${cssClass.error}\"&gt;${errorMsg}&lt;/li&gt;` renderMark function &lt;optional&gt; Allow to wrap the query with a tag in the result item name ({resultItem, reQuery, query, index, resultList, cssClass}) =&gt; {resultItem.name &amp;&amp; (resultItem.markedName = resultItem.name.replace(reQuery,`$1`));} l10n Object &lt;optional&gt; Properties Name Type Argument Default Description noResult String &lt;optional&gt; No result error String &lt;optional&gt; Server error className Object &lt;optional&gt; Properties Name Type Argument Default Description layer String &lt;optional&gt; ac-layer list String &lt;optional&gt; ac-list item String &lt;optional&gt; acl-itm mark String &lt;optional&gt; acl-mrk error String &lt;optional&gt; acl-error hover String &lt;optional&gt; hover disable String &lt;optional&gt; disable See: extra/modules/autocomplete.md for details. Methods clean() Destroy the Autocomplete Returns: Type Autocomplete disable() Disable the autocomplete Returns: Type Autocomplete enable() Enable the autocomplete Returns: Type Autocomplete reset() Reset the input field and the results resetField() Reset the input field resetResults() Reset the results setOptions(newOption) Update the current options Parameters: Name Type Description newOption Object Same options as constructor Returns: Type Autocomplete showAll() When 'source' is used, display the list with all items Returns: Type Autocomplete × Search results Close Documentation generated by JSDoc 3.6.4 on 2021-02-03T15:24:31+01:00 using the DocStrap template. "}}
11
11
  </script>
12
12
 
13
13
  <script type="text/javascript">