@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.
- package/CHANGELOG.md +52 -1
- package/DOM/Class.js +1 -1
- package/DOM/OuterSize.js +1 -1
- package/DOM/matrix.js +1 -1
- package/DOM/size.js +1 -1
- package/DOM/wrap.js +2 -2
- package/Events/EventsManager.js +39 -81
- package/Events/HistoryController.js +3 -3
- package/Events/ImageLoad.js +1 -1
- package/Events/IntersectObserver.js +3 -2
- package/Events/KeyboardHandler.js +2 -2
- package/Events/MediaQueriesEvents.js +2 -2
- package/Events/TouchHover.js +3 -3
- package/Events/WindowEvents.js +3 -3
- package/Events/gesture.js +2 -2
- package/Events/onAnimationEnd.js +37 -33
- package/Events/onTransitionEnd.js +38 -29
- package/Events/pubSub.js +2 -2
- package/Helpers/Cookie.js +1 -1
- package/Helpers/TransitionHelpers.js +95 -0
- package/Helpers/extend.js +1 -1
- package/Helpers/getValue.js +1 -1
- package/Helpers/sequential.js +1 -1
- package/Helpers/wait.js +1 -1
- package/ModernizrAddons/css-var-support.js +3 -0
- package/ModernizrAddons/touchdevice.js +1 -1
- package/Modules/Accordion.js +12 -6
- package/Modules/Autocomplete.js +7 -7
- package/Modules/DragSlider.js +583 -0
- package/Modules/Notifications.js +8 -8
- package/Modules/Popin.js +8 -8
- package/Modules/ScrollSnap.js +8 -8
- package/Modules/SkinCheckbox.js +2 -2
- package/Modules/SkinFile.js +4 -4
- package/Modules/SkinRadio.js +3 -3
- package/Modules/SkinSelect.js +12 -12
- package/Modules/Slider.js +100 -32
- package/Modules/Tabs.js +5 -5
- package/Modules/Validator/Tools/RadioButton.js +1 -1
- package/Modules/Validator/Tools/ValidationState.js +1 -1
- package/Modules/Validator/Tools/getQueryFromForm.js +1 -1
- package/Modules/Validator/date.js +3 -3
- package/Modules/Validator/email.js +3 -3
- package/Modules/Validator/equals.js +3 -3
- package/Modules/Validator/index.js +6 -6
- package/Modules/Validator/max.js +2 -2
- package/Modules/Validator/maxlength.js +2 -2
- package/Modules/Validator/min.js +2 -2
- package/Modules/Validator/minlength.js +2 -2
- package/Modules/Validator/multiRequired.js +5 -5
- package/Modules/Validator/number.js +3 -3
- package/Modules/Validator/pattern.js +2 -2
- package/Modules/Validator/recaptcha.js +2 -2
- package/Modules/Validator/required.js +4 -4
- package/Modules/Validator/serverCheck.js +3 -3
- package/Modules/Validator/url.js +3 -3
- package/Modules/YouTubePlayer.js +2 -2
- package/Modules/globalState.js +1 -1
- package/README.md +3 -3
- package/Tools/PrefixedProperties.js +54 -0
- package/Tools/TouchDeviceSupport.js +1 -0
- package/WebGL/GLImageTransition/GLImageTransition.js +4 -4
- package/documentation/extra/events.md +2 -2
- package/documentation/extra/modernizr.md +1 -0
- package/documentation/extra/modules/DragSlider.md +111 -0
- package/documentation/extra/modules/YouTubePlayer.md +1 -1
- package/documentation/extra/modules/autocomplete.md +1 -1
- package/documentation/extra/modules/popin.md +3 -3
- package/documentation/extra/modules/slider.md +7 -3
- package/documentation/extra/modules/template.md +1 -1
- package/documentation/extra/modules/validator.md +13 -13
- package/documentation/extra/webgl/GLImageTransition.md +1 -1
- package/documentation/jsdocs/dom/global.html +389 -2
- package/documentation/jsdocs/dom/index.html +2 -2
- package/documentation/jsdocs/dom/quicksearch.html +1 -1
- package/documentation/jsdocs/events/common/DeviceOrientation.html +1 -1
- package/documentation/jsdocs/events/common/HistoryController.html +1 -1
- package/documentation/jsdocs/events/common/IntersectObserver.html +1 -1
- package/documentation/jsdocs/events/common/KeyboardHandler.html +1 -1
- package/documentation/jsdocs/events/common/MediaQueriesEvents.html +1 -1
- package/documentation/jsdocs/events/common/TouchHover.html +1 -1
- package/documentation/jsdocs/events/common/WindowEvents.html +1 -1
- package/documentation/jsdocs/events/common/classes.list.html +1 -1
- package/documentation/jsdocs/events/common/global.html +1 -1
- package/documentation/jsdocs/events/common/index.html +1 -1
- package/documentation/jsdocs/events/common/namespaces.list.html +1 -1
- package/documentation/jsdocs/events/common/pubSub.html +1 -1
- package/documentation/jsdocs/events/common/quicksearch.html +1 -1
- package/documentation/jsdocs/events/events-manager/global.html +1 -1
- package/documentation/jsdocs/events/events-manager/index.html +1 -1
- package/documentation/jsdocs/events/events-manager/quicksearch.html +1 -1
- package/documentation/jsdocs/events/gesture/global.html +1 -1
- package/documentation/jsdocs/events/gesture/index.html +1 -1
- package/documentation/jsdocs/events/gesture/quicksearch.html +1 -1
- package/documentation/jsdocs/helpers/array/global.html +1 -1
- package/documentation/jsdocs/helpers/array/index.html +1 -1
- package/documentation/jsdocs/helpers/array/quicksearch.html +1 -1
- package/documentation/jsdocs/helpers/colors/global.html +1 -1
- package/documentation/jsdocs/helpers/colors/index.html +1 -1
- package/documentation/jsdocs/helpers/colors/quicksearch.html +1 -1
- package/documentation/jsdocs/helpers/common/Cookie.html +2 -2
- package/documentation/jsdocs/helpers/common/UrlParser.html +1 -1
- package/documentation/jsdocs/helpers/common/classes.list.html +1 -1
- package/documentation/jsdocs/helpers/common/global.html +8 -2
- package/documentation/jsdocs/helpers/common/index.html +1 -1
- package/documentation/jsdocs/helpers/common/quicksearch.html +1 -1
- package/documentation/jsdocs/helpers/types/global.html +1 -1
- package/documentation/jsdocs/helpers/types/index.html +1 -1
- package/documentation/jsdocs/helpers/types/quicksearch.html +1 -1
- package/documentation/jsdocs/modules/accordion/Accordion.html +1 -1
- package/documentation/jsdocs/modules/accordion/classes.list.html +1 -1
- package/documentation/jsdocs/modules/accordion/index.html +1 -1
- package/documentation/jsdocs/modules/accordion/quicksearch.html +1 -1
- package/documentation/jsdocs/modules/autocomplete/Autocomplete.html +1 -1
- package/documentation/jsdocs/modules/autocomplete/classes.list.html +1 -1
- package/documentation/jsdocs/modules/autocomplete/index.html +1 -1
- package/documentation/jsdocs/modules/autocomplete/quicksearch.html +1 -1
- package/documentation/jsdocs/modules/common/DragSlider.html +946 -0
- package/documentation/jsdocs/modules/common/classes.list.html +310 -0
- package/documentation/jsdocs/modules/common/global.html +8 -1
- package/documentation/jsdocs/modules/common/globalState.html +8 -1
- package/documentation/jsdocs/modules/common/index.html +8 -1
- package/documentation/jsdocs/modules/common/namespaces.list.html +15 -1
- package/documentation/jsdocs/modules/common/quicksearch.html +1 -1
- package/documentation/jsdocs/modules/form-skin/SkinCheckbox.html +1 -1
- package/documentation/jsdocs/modules/form-skin/SkinFile.html +1 -1
- package/documentation/jsdocs/modules/form-skin/SkinRadio.html +1 -1
- package/documentation/jsdocs/modules/form-skin/SkinSelect.html +1 -1
- package/documentation/jsdocs/modules/form-skin/classes.list.html +1 -1
- package/documentation/jsdocs/modules/form-skin/global.html +1 -1
- package/documentation/jsdocs/modules/form-skin/index.html +1 -1
- package/documentation/jsdocs/modules/form-skin/quicksearch.html +1 -1
- package/documentation/jsdocs/modules/media-preloader/MediaPreloader.html +1 -1
- package/documentation/jsdocs/modules/media-preloader/classes.list.html +1 -1
- package/documentation/jsdocs/modules/media-preloader/index.html +1 -1
- package/documentation/jsdocs/modules/media-preloader/quicksearch.html +1 -1
- package/documentation/jsdocs/modules/notifications/Notifications.html +1 -1
- package/documentation/jsdocs/modules/notifications/classes.list.html +1 -1
- package/documentation/jsdocs/modules/notifications/index.html +1 -1
- package/documentation/jsdocs/modules/notifications/quicksearch.html +1 -1
- package/documentation/jsdocs/modules/popin/Popin.html +1 -1
- package/documentation/jsdocs/modules/popin/PopinController.html +1 -1
- package/documentation/jsdocs/modules/popin/classes.list.html +1 -1
- package/documentation/jsdocs/modules/popin/index.html +1 -1
- package/documentation/jsdocs/modules/popin/quicksearch.html +1 -1
- package/documentation/jsdocs/modules/scroll-snap/ScrollSnap.html +1 -1
- package/documentation/jsdocs/modules/scroll-snap/classes.list.html +1 -1
- package/documentation/jsdocs/modules/scroll-snap/index.html +1 -1
- package/documentation/jsdocs/modules/scroll-snap/quicksearch.html +1 -1
- package/documentation/jsdocs/modules/slider/Slider.html +1 -1
- package/documentation/jsdocs/modules/slider/SliderControls.html +159 -2
- package/documentation/jsdocs/modules/slider/classes.list.html +1 -1
- package/documentation/jsdocs/modules/slider/index.html +1 -1
- package/documentation/jsdocs/modules/slider/quicksearch.html +1 -1
- package/documentation/jsdocs/modules/tabs/Tabs.html +1 -1
- package/documentation/jsdocs/modules/tabs/classes.list.html +1 -1
- package/documentation/jsdocs/modules/tabs/index.html +1 -1
- package/documentation/jsdocs/modules/tabs/quicksearch.html +1 -1
- package/documentation/jsdocs/modules/validator/Validator.html +1 -1
- package/documentation/jsdocs/modules/validator/classes.list.html +1 -1
- package/documentation/jsdocs/modules/validator/global.html +1 -1
- package/documentation/jsdocs/modules/validator/index.html +1 -1
- package/documentation/jsdocs/modules/validator/quicksearch.html +1 -1
- package/documentation/jsdocs/modules/youtube-player/YouTubePlayer.html +1 -1
- package/documentation/jsdocs/modules/youtube-player/classes.list.html +1 -1
- package/documentation/jsdocs/modules/youtube-player/index.html +1 -1
- package/documentation/jsdocs/modules/youtube-player/quicksearch.html +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,310 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
|
|
3
|
+
<html lang="en">
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="utf-8">
|
|
6
|
+
<meta name="viewport" content="width=device-width">
|
|
7
|
+
<title>Documentation Classes</title>
|
|
8
|
+
|
|
9
|
+
<!--[if lt IE 9]>
|
|
10
|
+
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
11
|
+
<![endif]-->
|
|
12
|
+
<link type="text/css" rel="stylesheet" href="styles/sunlight.default.css">
|
|
13
|
+
|
|
14
|
+
<link type="text/css" rel="stylesheet" href="styles/site.simplex.css">
|
|
15
|
+
|
|
16
|
+
</head>
|
|
17
|
+
|
|
18
|
+
<body>
|
|
19
|
+
|
|
20
|
+
<div class="navbar navbar-default navbar-fixed-top ">
|
|
21
|
+
<div class="container">
|
|
22
|
+
<div class="navbar-header">
|
|
23
|
+
<a class="navbar-brand" href="index.html">Documentation</a>
|
|
24
|
+
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#topNavigation">
|
|
25
|
+
<span class="icon-bar"></span>
|
|
26
|
+
<span class="icon-bar"></span>
|
|
27
|
+
<span class="icon-bar"></span>
|
|
28
|
+
</button>
|
|
29
|
+
</div>
|
|
30
|
+
<div class="navbar-collapse collapse" id="topNavigation">
|
|
31
|
+
<ul class="nav navbar-nav">
|
|
32
|
+
|
|
33
|
+
<li class="dropdown">
|
|
34
|
+
<a href="namespaces.list.html" class="dropdown-toggle" data-toggle="dropdown">Namespaces<b class="caret"></b></a>
|
|
35
|
+
<ul class="dropdown-menu ">
|
|
36
|
+
<li><a href="globalState.html">globalState</a></li>
|
|
37
|
+
</ul>
|
|
38
|
+
</li>
|
|
39
|
+
|
|
40
|
+
<li class="dropdown">
|
|
41
|
+
<a href="classes.list.html" class="dropdown-toggle" data-toggle="dropdown">Classes<b class="caret"></b></a>
|
|
42
|
+
<ul class="dropdown-menu ">
|
|
43
|
+
<li><a href="DragSlider.html">DragSlider</a></li>
|
|
44
|
+
</ul>
|
|
45
|
+
</li>
|
|
46
|
+
|
|
47
|
+
<li class="dropdown">
|
|
48
|
+
<a href="global.html" class="dropdown-toggle" data-toggle="dropdown">Global<b class="caret"></b></a>
|
|
49
|
+
<ul class="dropdown-menu ">
|
|
50
|
+
<li><a href="global.html#loadGMap">loadGMap</a></li><li><a href="global.html#quickTemplate">quickTemplate</a></li><li><a href="global.html#template">template</a></li>
|
|
51
|
+
</ul>
|
|
52
|
+
</li>
|
|
53
|
+
|
|
54
|
+
</ul>
|
|
55
|
+
|
|
56
|
+
<div class="col-sm-3 col-md-3">
|
|
57
|
+
<form class="navbar-form" role="search">
|
|
58
|
+
<div class="input-group">
|
|
59
|
+
<input type="text" class="form-control" placeholder="Search" name="q" id="search-input">
|
|
60
|
+
<div class="input-group-btn">
|
|
61
|
+
<button class="btn btn-default" id="search-submit"><i class="glyphicon glyphicon-search"></i></button>
|
|
62
|
+
</div>
|
|
63
|
+
</div>
|
|
64
|
+
</form>
|
|
65
|
+
</div>
|
|
66
|
+
|
|
67
|
+
</div>
|
|
68
|
+
|
|
69
|
+
</div>
|
|
70
|
+
</div>
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
<div class="container" id="toc-content">
|
|
74
|
+
<div class="row">
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
<div class="col-md-8">
|
|
78
|
+
|
|
79
|
+
<div id="main">
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
<h1 class="page-title">Classes</h1>
|
|
83
|
+
<section>
|
|
84
|
+
|
|
85
|
+
<header>
|
|
86
|
+
|
|
87
|
+
<h2>
|
|
88
|
+
|
|
89
|
+
</h2>
|
|
90
|
+
|
|
91
|
+
|
|
92
|
+
</header>
|
|
93
|
+
|
|
94
|
+
|
|
95
|
+
<article>
|
|
96
|
+
<div class="container-overview">
|
|
97
|
+
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
<dl class="details">
|
|
102
|
+
|
|
103
|
+
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
|
|
110
|
+
|
|
111
|
+
|
|
112
|
+
|
|
113
|
+
|
|
114
|
+
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
|
|
120
|
+
|
|
121
|
+
|
|
122
|
+
|
|
123
|
+
|
|
124
|
+
|
|
125
|
+
|
|
126
|
+
|
|
127
|
+
|
|
128
|
+
|
|
129
|
+
|
|
130
|
+
|
|
131
|
+
|
|
132
|
+
|
|
133
|
+
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
|
|
137
|
+
</dl>
|
|
138
|
+
|
|
139
|
+
|
|
140
|
+
|
|
141
|
+
|
|
142
|
+
</div>
|
|
143
|
+
|
|
144
|
+
|
|
145
|
+
|
|
146
|
+
|
|
147
|
+
|
|
148
|
+
|
|
149
|
+
<h3 class="subsection-title">Classes</h3>
|
|
150
|
+
|
|
151
|
+
<dl>
|
|
152
|
+
<dt><a href="DragSlider.html">DragSlider</a></dt>
|
|
153
|
+
<dd></dd>
|
|
154
|
+
</dl>
|
|
155
|
+
|
|
156
|
+
|
|
157
|
+
|
|
158
|
+
|
|
159
|
+
|
|
160
|
+
<h3 class="subsection-title">Namespaces</h3>
|
|
161
|
+
|
|
162
|
+
<dl>
|
|
163
|
+
<dt><a href="namespaces.html#globalState"><a href="globalState.html">globalState</a></a></dt>
|
|
164
|
+
<dd></dd>
|
|
165
|
+
</dl>
|
|
166
|
+
|
|
167
|
+
|
|
168
|
+
|
|
169
|
+
|
|
170
|
+
|
|
171
|
+
|
|
172
|
+
|
|
173
|
+
|
|
174
|
+
|
|
175
|
+
</article>
|
|
176
|
+
|
|
177
|
+
</section>
|
|
178
|
+
|
|
179
|
+
|
|
180
|
+
|
|
181
|
+
|
|
182
|
+
</div>
|
|
183
|
+
</div>
|
|
184
|
+
|
|
185
|
+
<div class="clearfix"></div>
|
|
186
|
+
|
|
187
|
+
|
|
188
|
+
<div class="col-md-3">
|
|
189
|
+
<div id="toc" class="col-md-3 hidden-xs hidden-sm hidden-md"></div>
|
|
190
|
+
</div>
|
|
191
|
+
|
|
192
|
+
|
|
193
|
+
</div>
|
|
194
|
+
</div>
|
|
195
|
+
|
|
196
|
+
|
|
197
|
+
<div class="modal fade" id="searchResults">
|
|
198
|
+
<div class="modal-dialog">
|
|
199
|
+
<div class="modal-content">
|
|
200
|
+
<div class="modal-header">
|
|
201
|
+
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
202
|
+
<h4 class="modal-title">Search results</h4>
|
|
203
|
+
</div>
|
|
204
|
+
<div class="modal-body"></div>
|
|
205
|
+
<div class="modal-footer">
|
|
206
|
+
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
|
207
|
+
</div>
|
|
208
|
+
</div><!-- /.modal-content -->
|
|
209
|
+
</div><!-- /.modal-dialog -->
|
|
210
|
+
</div>
|
|
211
|
+
|
|
212
|
+
|
|
213
|
+
<footer>
|
|
214
|
+
|
|
215
|
+
|
|
216
|
+
<span class="jsdoc-message">
|
|
217
|
+
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.4</a>
|
|
218
|
+
|
|
219
|
+
on 2021-02-03T15:24:32+01:00
|
|
220
|
+
|
|
221
|
+
using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
|
|
222
|
+
</span>
|
|
223
|
+
</footer>
|
|
224
|
+
|
|
225
|
+
<script src="scripts/docstrap.lib.js"></script>
|
|
226
|
+
<script src="scripts/toc.js"></script>
|
|
227
|
+
|
|
228
|
+
<script type="text/javascript" src="scripts/fulltext-search-ui.js"></script>
|
|
229
|
+
|
|
230
|
+
|
|
231
|
+
<script>
|
|
232
|
+
$( function () {
|
|
233
|
+
$( "[id*='$']" ).each( function () {
|
|
234
|
+
var $this = $( this );
|
|
235
|
+
|
|
236
|
+
$this.attr( "id", $this.attr( "id" ).replace( "$", "__" ) );
|
|
237
|
+
} );
|
|
238
|
+
|
|
239
|
+
$( ".tutorial-section pre, .readme-section pre, pre.prettyprint.source" ).each( function () {
|
|
240
|
+
var $this = $( this );
|
|
241
|
+
|
|
242
|
+
var example = $this.find( "code" );
|
|
243
|
+
exampleText = example.html();
|
|
244
|
+
var lang = /{@lang (.*?)}/.exec( exampleText );
|
|
245
|
+
if ( lang && lang[1] ) {
|
|
246
|
+
exampleText = exampleText.replace( lang[0], "" );
|
|
247
|
+
example.html( exampleText );
|
|
248
|
+
lang = lang[1];
|
|
249
|
+
} else {
|
|
250
|
+
var langClassMatch = example.parent()[0].className.match(/lang\-(\S+)/);
|
|
251
|
+
lang = langClassMatch ? langClassMatch[1] : "javascript";
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
if ( lang ) {
|
|
255
|
+
|
|
256
|
+
$this
|
|
257
|
+
.addClass( "sunlight-highlight-" + lang )
|
|
258
|
+
.addClass( "linenums" )
|
|
259
|
+
.html( example.html() );
|
|
260
|
+
|
|
261
|
+
}
|
|
262
|
+
} );
|
|
263
|
+
|
|
264
|
+
Sunlight.highlightAll( {
|
|
265
|
+
lineNumbers : false,
|
|
266
|
+
showMenu : true,
|
|
267
|
+
enableDoclinks : true
|
|
268
|
+
} );
|
|
269
|
+
|
|
270
|
+
$.catchAnchorLinks( {
|
|
271
|
+
navbarOffset: 10
|
|
272
|
+
} );
|
|
273
|
+
$( "#toc" ).toc( {
|
|
274
|
+
anchorName : function ( i, heading, prefix ) {
|
|
275
|
+
return $( heading ).attr( "id" ) || ( prefix + i );
|
|
276
|
+
},
|
|
277
|
+
selectors : "#toc-content h1,#toc-content h2,#toc-content h3,#toc-content h4",
|
|
278
|
+
showAndHide : false,
|
|
279
|
+
smoothScrolling: true
|
|
280
|
+
} );
|
|
281
|
+
|
|
282
|
+
$( "#main span[id^='toc']" ).addClass( "toc-shim" );
|
|
283
|
+
$( '.dropdown-toggle' ).dropdown();
|
|
284
|
+
|
|
285
|
+
$( "table" ).each( function () {
|
|
286
|
+
var $this = $( this );
|
|
287
|
+
$this.addClass('table');
|
|
288
|
+
} );
|
|
289
|
+
|
|
290
|
+
} );
|
|
291
|
+
</script>
|
|
292
|
+
|
|
293
|
+
|
|
294
|
+
|
|
295
|
+
<!--Navigation and Symbol Display-->
|
|
296
|
+
|
|
297
|
+
|
|
298
|
+
<!--Google Analytics-->
|
|
299
|
+
|
|
300
|
+
|
|
301
|
+
|
|
302
|
+
<script type="text/javascript">
|
|
303
|
+
$(document).ready(function() {
|
|
304
|
+
SearcherDisplay.init();
|
|
305
|
+
});
|
|
306
|
+
</script>
|
|
307
|
+
|
|
308
|
+
|
|
309
|
+
</body>
|
|
310
|
+
</html>
|
|
@@ -37,6 +37,13 @@
|
|
|
37
37
|
</ul>
|
|
38
38
|
</li>
|
|
39
39
|
|
|
40
|
+
<li class="dropdown">
|
|
41
|
+
<a href="classes.list.html" class="dropdown-toggle" data-toggle="dropdown">Classes<b class="caret"></b></a>
|
|
42
|
+
<ul class="dropdown-menu ">
|
|
43
|
+
<li><a href="DragSlider.html">DragSlider</a></li>
|
|
44
|
+
</ul>
|
|
45
|
+
</li>
|
|
46
|
+
|
|
40
47
|
<li class="dropdown">
|
|
41
48
|
<a href="global.html" class="dropdown-toggle" data-toggle="dropdown">Global<b class="caret"></b></a>
|
|
42
49
|
<ul class="dropdown-menu ">
|
|
@@ -968,7 +975,7 @@ let html = template( html, { "text": "hey!!" } );</pre>
|
|
|
968
975
|
<span class="jsdoc-message">
|
|
969
976
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.4</a>
|
|
970
977
|
|
|
971
|
-
on
|
|
978
|
+
on 2021-02-03T15:24:32+01:00
|
|
972
979
|
|
|
973
980
|
using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
|
|
974
981
|
</span>
|
|
@@ -37,6 +37,13 @@
|
|
|
37
37
|
</ul>
|
|
38
38
|
</li>
|
|
39
39
|
|
|
40
|
+
<li class="dropdown">
|
|
41
|
+
<a href="classes.list.html" class="dropdown-toggle" data-toggle="dropdown">Classes<b class="caret"></b></a>
|
|
42
|
+
<ul class="dropdown-menu ">
|
|
43
|
+
<li><a href="DragSlider.html">DragSlider</a></li>
|
|
44
|
+
</ul>
|
|
45
|
+
</li>
|
|
46
|
+
|
|
40
47
|
<li class="dropdown">
|
|
41
48
|
<a href="global.html" class="dropdown-toggle" data-toggle="dropdown">Global<b class="caret"></b></a>
|
|
42
49
|
<ul class="dropdown-menu ">
|
|
@@ -1635,7 +1642,7 @@ globalState.registerOnPropertyChange( (value, propertyName, storeName) => {},
|
|
|
1635
1642
|
<span class="jsdoc-message">
|
|
1636
1643
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.4</a>
|
|
1637
1644
|
|
|
1638
|
-
on
|
|
1645
|
+
on 2021-02-03T15:24:32+01:00
|
|
1639
1646
|
|
|
1640
1647
|
using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
|
|
1641
1648
|
</span>
|
|
@@ -37,6 +37,13 @@
|
|
|
37
37
|
</ul>
|
|
38
38
|
</li>
|
|
39
39
|
|
|
40
|
+
<li class="dropdown">
|
|
41
|
+
<a href="classes.list.html" class="dropdown-toggle" data-toggle="dropdown">Classes<b class="caret"></b></a>
|
|
42
|
+
<ul class="dropdown-menu ">
|
|
43
|
+
<li><a href="DragSlider.html">DragSlider</a></li>
|
|
44
|
+
</ul>
|
|
45
|
+
</li>
|
|
46
|
+
|
|
40
47
|
<li class="dropdown">
|
|
41
48
|
<a href="global.html" class="dropdown-toggle" data-toggle="dropdown">Global<b class="caret"></b></a>
|
|
42
49
|
<ul class="dropdown-menu ">
|
|
@@ -135,7 +142,7 @@
|
|
|
135
142
|
<span class="jsdoc-message">
|
|
136
143
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.4</a>
|
|
137
144
|
|
|
138
|
-
on
|
|
145
|
+
on 2021-02-03T15:24:32+01:00
|
|
139
146
|
|
|
140
147
|
using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
|
|
141
148
|
</span>
|
|
@@ -37,6 +37,13 @@
|
|
|
37
37
|
</ul>
|
|
38
38
|
</li>
|
|
39
39
|
|
|
40
|
+
<li class="dropdown">
|
|
41
|
+
<a href="classes.list.html" class="dropdown-toggle" data-toggle="dropdown">Classes<b class="caret"></b></a>
|
|
42
|
+
<ul class="dropdown-menu ">
|
|
43
|
+
<li><a href="DragSlider.html">DragSlider</a></li>
|
|
44
|
+
</ul>
|
|
45
|
+
</li>
|
|
46
|
+
|
|
40
47
|
<li class="dropdown">
|
|
41
48
|
<a href="global.html" class="dropdown-toggle" data-toggle="dropdown">Global<b class="caret"></b></a>
|
|
42
49
|
<ul class="dropdown-menu ">
|
|
@@ -139,6 +146,13 @@
|
|
|
139
146
|
|
|
140
147
|
|
|
141
148
|
|
|
149
|
+
<h3 class="subsection-title">Classes</h3>
|
|
150
|
+
|
|
151
|
+
<dl>
|
|
152
|
+
<dt><a href="DragSlider.html">DragSlider</a></dt>
|
|
153
|
+
<dd></dd>
|
|
154
|
+
</dl>
|
|
155
|
+
|
|
142
156
|
|
|
143
157
|
|
|
144
158
|
|
|
@@ -202,7 +216,7 @@
|
|
|
202
216
|
<span class="jsdoc-message">
|
|
203
217
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.4</a>
|
|
204
218
|
|
|
205
|
-
on
|
|
219
|
+
on 2021-02-03T15:24:32+01:00
|
|
206
220
|
|
|
207
221
|
using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
|
|
208
222
|
</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 Namespaces globalState Global loadGMapquickTemplatetemplate Global Methods loadGMap(apiUrl [, callbackFunctionName]) Google Map loader Parameters: Name Type Argument Default Description apiUrl String callbackFunctionName String <optional> initworldMap Returns: - a promise resolved when the API is loaded Type Promise Example loadGMap( urlAPI ).then( googleAPI => { new googleAPI.maps.Map( $container, googleMapOptions ); } ); quickTemplate(template, data) Simple template function based on string substitution Parameters: Name Type Description template String data Object Returns: Type String Example let HTML = quickTemplate( 'My name is { lastname }. { firstname} { lastname }.', { \"firstname\": \"James\", \"lastname\": \"Bond\" } ); template(text, data [, settings]) Micro templating from Underscore Parameters: Name Type Argument Description text String data Object settings Object <optional> Properties Name Type Argument Default Description evaluate RegExp <optional> /<%([\\s\\S]+?)%>/g interpolate RegExp <optional> /<%=([\\s\\S]+?)%>/g escape RegExp <optional> /<%-([\\s\\S]+?)%>/g See: extra/modules/template.md Example let tplFunction = template( html ); let html = tplFunction( { \"text\": \"hey!!\" } ); // or let html = template( html, { \"text\": \"hey!!\" } ); × Search results Close Documentation generated by JSDoc 3.6.4 on
|
|
10
|
+
{"global.html":{"id":"global.html","title":"Global","body":" Documentation Namespaces globalState Classes DragSlider Global loadGMapquickTemplatetemplate Global Methods loadGMap(apiUrl [, callbackFunctionName]) Google Map loader Parameters: Name Type Argument Default Description apiUrl String callbackFunctionName String <optional> initworldMap Returns: - a promise resolved when the API is loaded Type Promise Example loadGMap( urlAPI ).then( googleAPI => { new googleAPI.maps.Map( $container, googleMapOptions ); } ); quickTemplate(template, data) Simple template function based on string substitution Parameters: Name Type Description template String data Object Returns: Type String Example let HTML = quickTemplate( 'My name is { lastname }. { firstname} { lastname }.', { \"firstname\": \"James\", \"lastname\": \"Bond\" } ); template(text, data [, settings]) Micro templating from Underscore Parameters: Name Type Argument Description text String data Object settings Object <optional> Properties Name Type Argument Default Description evaluate RegExp <optional> /<%([\\s\\S]+?)%>/g interpolate RegExp <optional> /<%=([\\s\\S]+?)%>/g escape RegExp <optional> /<%-([\\s\\S]+?)%>/g See: extra/modules/template.md Example let tplFunction = template( html ); let html = tplFunction( { \"text\": \"hey!!\" } ); // or let html = template( html, { \"text\": \"hey!!\" } ); × Search results Close Documentation generated by JSDoc 3.6.4 on 2021-02-03T15:24:32+01:00 using the DocStrap template. "},"classes.list.html":{"id":"classes.list.html","title":"Classes","body":" Documentation Namespaces globalState Classes DragSlider Global loadGMapquickTemplatetemplate Classes Classes DragSlider Namespaces globalState × Search results Close Documentation generated by JSDoc 3.6.4 on 2021-02-03T15:24:32+01:00 using the DocStrap template. "},"namespaces.list.html":{"id":"namespaces.list.html","title":"Namespaces","body":" Documentation Namespaces globalState Classes DragSlider Global loadGMapquickTemplatetemplate Namespaces Classes DragSlider Namespaces globalState × Search results Close Documentation generated by JSDoc 3.6.4 on 2021-02-03T15:24:32+01:00 using the DocStrap template. "},"index.html":{"id":"index.html","title":"Index","body":" Documentation Namespaces globalState Classes DragSlider Global loadGMapquickTemplatetemplate × Search results Close Documentation generated by JSDoc 3.6.4 on 2021-02-03T15:24:32+01:00 using the DocStrap template. "},"DragSlider.html":{"id":"DragSlider.html","title":"Class: DragSlider","body":" Documentation Namespaces globalState Classes DragSlider Global loadGMapquickTemplatetemplate Class: DragSlider DragSlider new DragSlider($slider, options) DragSlider Parameters: Name Type Description $slider HTMLElement options Object Properties Name Type Argument Default Description viewportSelector String listSelector String itemSelector String dragClass String onStartDrag function onDrag function onStopDrag function onSnap function onSnapUpdate function onMouseEnter function onMouseLeave function onInit function swipeTresholdMin Number <optional> 40 in px swipeTresholdSize Number <optional> 0.5 in % (0.5 = 50% of the size of one item) × Search results Close Documentation generated by JSDoc 3.6.4 on 2021-02-03T15:24:32+01:00 using the DocStrap template. "},"globalState.html":{"id":"globalState.html","title":"Namespace: globalState","body":" Documentation Namespaces globalState Classes DragSlider Global loadGMapquickTemplatetemplate Namespace: globalState globalState Manage a global object that allow storing and sharing values among modules. Example // Use the default storage globalState.set( 'PROP', 'VALUE' ); globalState.get( 'PROP' ); // Use a storage with a specific name globalState.set( 'MY_STORE', 'PROP', 'VALUE' ); globalState.get( 'MY_STORE', 'PROP' ); // To use events on properties change globalState.activeEventsDispatch(); globalState.registerOnEveryChange( (value, propertyName, storeName) => {} ) globalState.registerOnStoreChange( (value, propertyName, storeName) => {}, 'storeName' ) globalState.registerOnPropertyChange( (value, propertyName, storeName) => {}, 'storeName', 'myProperty' ) Members DEFAULT_STORE_NAME :String Name of the default store Type: String Methods activeEventsDispatch(alwaysDispatch) Active the dispatch of events when a property is change Parameters: Name Type Description alwaysDispatch Boolean If true, it will dispatch events even if the value in the store is the same as the value you try to set get(arg1, arg2) Get the value of a property. If there are only 2 arguments, the default store will be used. Parameters: Name Type Description arg1 String Store ( or Property if 1 arguments are passed ) arg2 String Property if 2 arguments are passed Returns: Type * registerOnEveryChange(callback) Bind a function to be called on all properties change Parameters: Name Type Description callback GlobalState_callback registerOnPropertyChange(callback, storeName, propertyName) Bind a function to be called on a specific property change in a specific store Parameters: Name Type Description callback GlobalState_callback storeName String propertyName String registerOnStoreChange(callback, storeName) Bind a function to be called on all properties change for a specific store Parameters: Name Type Description callback GlobalState_callback storeName String remove(callback) Unbind the registered function from all change events Parameters: Name Type Description callback function set(arg1, arg2, value) Set a value in a property. If there are only 2 arguments, the default store will be used Parameters: Name Type Description arg1 String Store ( or Property if 2 arguments are passed ) arg2 * Property ( or Value if 2 arguments are passed ) value * Value if 3 arguments are passed Returns: - Return the setted value Type * stopEventsDispatch() Stop the dispatch of events Type Definitions GlobalState_callback() Properties: Name Type Description value * properyName String storeName String × 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">
|
|
@@ -966,7 +966,7 @@ You can access the skin API in the __skinAPI property of the $checkbox HTMLEleme
|
|
|
966
966
|
<span class="jsdoc-message">
|
|
967
967
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.4</a>
|
|
968
968
|
|
|
969
|
-
on
|
|
969
|
+
on 2021-02-03T15:24:32+01:00
|
|
970
970
|
|
|
971
971
|
using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
|
|
972
972
|
</span>
|
|
@@ -1069,7 +1069,7 @@
|
|
|
1069
1069
|
<span class="jsdoc-message">
|
|
1070
1070
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.4</a>
|
|
1071
1071
|
|
|
1072
|
-
on
|
|
1072
|
+
on 2021-02-03T15:24:32+01:00
|
|
1073
1073
|
|
|
1074
1074
|
using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
|
|
1075
1075
|
</span>
|
|
@@ -978,7 +978,7 @@ skinRadio( $radio, {
|
|
|
978
978
|
<span class="jsdoc-message">
|
|
979
979
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.4</a>
|
|
980
980
|
|
|
981
|
-
on
|
|
981
|
+
on 2021-02-03T15:24:32+01:00
|
|
982
982
|
|
|
983
983
|
using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
|
|
984
984
|
</span>
|
|
@@ -1619,7 +1619,7 @@ You can access the skin API in the __skinAPI property of the $select HTMLElement
|
|
|
1619
1619
|
<span class="jsdoc-message">
|
|
1620
1620
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.4</a>
|
|
1621
1621
|
|
|
1622
|
-
on
|
|
1622
|
+
on 2021-02-03T15:24:32+01:00
|
|
1623
1623
|
|
|
1624
1624
|
using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
|
|
1625
1625
|
</span>
|
|
@@ -211,7 +211,7 @@
|
|
|
211
211
|
<span class="jsdoc-message">
|
|
212
212
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.4</a>
|
|
213
213
|
|
|
214
|
-
on
|
|
214
|
+
on 2021-02-03T15:24:32+01:00
|
|
215
215
|
|
|
216
216
|
using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
|
|
217
217
|
</span>
|
|
@@ -4848,7 +4848,7 @@ skinSelectAll( $wrapper, options )</pre>
|
|
|
4848
4848
|
<span class="jsdoc-message">
|
|
4849
4849
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.4</a>
|
|
4850
4850
|
|
|
4851
|
-
on
|
|
4851
|
+
on 2021-02-03T15:24:32+01:00
|
|
4852
4852
|
|
|
4853
4853
|
using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
|
|
4854
4854
|
</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
|
|
138
|
+
on 2021-02-03T15:24:32+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 SkinCheckboxSkinFileSkinRadioSkinSelect Global skinCheckboxskinCheckboxAllskinInputFileskinInputFileAllskinRadioskinRadioAllskinRadioGroupskinSelectskinSelectAll Global Methods skinCheckbox($checkbox, options) Skin a checkbox DOM element Parameters: Name Type Description $checkbox HTMLElement options Object Properties Name Type Argument Default Description wrap String <optional> <span class=\"cb-skin\"></span> invalidClass String <optional> invalid disabledClass String <optional> disabled checkedClass String <optional> checked Returns: Type SkinCheckbox Example // Call with default options: skinCheckbox( $input, { \"wrap\": \"<span class=\\\"cb-skin\\\"></span>\", \"invalidClass\": \"invalid\", \"disabledClass\": \"disabled\", \"checkedClass\": \"checked\" }); skinCheckboxAll($wrapper [, options]) Skin all checkbox DOM element in a wrapper Parameters: Name Type Argument Description $wrapper HTMLElement options Object <optional> Properties Name Type Argument Default Description wrap String <optional> <span class=\"cb-skin\"></span> selector String <optional> 'input[type=\"checkbox\"]' invalidClass String <optional> invalid disabledClass String <optional> disabled checkedClass String <optional> checked Returns: Type Array.<SkinCheckbox> Example // Call with default options: skinCheckboxAll( $wrapper, \"wrap\": \"<span class=\\\"cb-skin\\\"></span>\", \"invalidClass\": \"invalid\", \"disabledClass\": \"disabled\", \"checkedClass\": \"checked\" }); skinInputFile($input [, options]) Skin an input file DOM element Parameters: Name Type Argument Description $input HTMLElement options Object <optional> Properties Name Type Argument Default Description selector String <optional> \".file-skin\" wrap String <optional> <div class=\"file-skin\"></div> fileInfoSelector String <optional> \".file-info\" fileInfo String <optional> <div class=\"file-info\"></div> autoHideFileInfo Boolean <optional> true resetButtonSelector String <optional> \".file-reset\" resetButton String <optional> <span class=\"file-reset\">&times;</span> disabledClass String <optional> disabled invalidClass String <optional> invalid selectedClass String <optional> selected Returns: Type SkinFile Example // Call with default options: skinInputFile( $input, { \"selector\": \".file-skin\", \"wrap\": \"<div class=\\\"file-skin\\\"></div>\", \"fileInfoSelector\": \".file-info\", \"fileInfo\": \"<div class=\\\"file-info\\\"></div>\", \"autoHideFileInfo\": true, \"resetButtonSelector\": \".file-reset\", \"resetButton\": \"<span class=\\\"file-reset\\\">&times;</span>\", \"disabledClass\": \"disabled\", \"invalidClass\": \"invalid\", \"selectedClass\": \"selected\" } ); skinInputFileAll($wrapper [, options]) Skin all input file DOM element in a wrapper Parameters: Name Type Argument Description $wrapper HTMLElement options Object <optional> Properties Name Type Argument Default Description selector String <optional> \".file-skin\" wrap String <optional> <div class=\"file-skin\"></div> fileInfoSelector String <optional> \".file-info\" fileInfo String <optional> <div class=\"file-info\"></div> autoHideFileInfo Boolean <optional> true resetButtonSelector String <optional> \".file-reset\" resetButton String <optional> <span class=\"file-reset\">&times;</span> disabledClass String <optional> disabled invalidClass String <optional> invalid selectedClass String <optional> selected Returns: Type Array.<SkinFile> Example // Call with default options: skinInputFileAll( $wrapper, { \"selector\": \".file-skin\", \"wrap\": \"<div class=\\\"file-skin\\\"></div>\", \"fileInfoSelector\": \".file-info\", \"fileInfo\": \"<div class=\\\"file-info\\\"></div>\", \"autoHideFileInfo\": true, \"resetButtonSelector\": \".file-reset\", \"resetButton\": \"<span class=\\\"file-reset\\\">&times;</span>\", \"disabledClass\": \"disabled\", \"invalidClass\": \"invalid\", \"selectedClass\": \"selected\" } ); skinRadio($radio, options) Skin a radio input Parameters: Name Type Description $radio HTMLElement options Object Properties Name Type Argument Default Description wrap String <optional> <span class=\"rb-skin\"></span> invalidClass String <optional> invalid disabledClass String <optional> disabled checkedClass String <optional> checked Returns: Type SkinRadio Example // Call with default options: skinRadio( $radio, { \"wrap\": \"<span class=\\\"rb-skin\\\"></span>\", \"invalidClass\": \"invalid\", \"disabledClass\": \"disabled\", \"checkedClass\": \"checked\" } ); skinRadioAll($wrapper [, options]) Select all radio input in a $wrapper Parameters: Name Type Argument Description $wrapper HTMLElement options Object <optional> Properties Name Type Argument Default Description wrap String <optional> <span class=\"rb-skin\"></span> selector String <optional> 'input[type=\"radio\"]' invalidClass String <optional> invalid disabledClass String <optional> disabled checkedClass String <optional> checked Returns: Type Array.<SkinRadio> Example // Call with default options: skinRadioAll( $wrapper, { \"wrap\": \"<span class=\\\"rb-skin\\\"></span>\", \"selector\": \"input[type=\\\"radio\\\"]\", \"invalidClass\": \"invalid\", \"disabledClass\": \"disabled\", \"checkedClass\": \"checked\" } ); skinRadioGroup($radioButtonOrInputName [, options]) Select all radio input of the same group (same name) Parameters: Name Type Argument Description $radioButtonOrInputName HTMLElement | String options Object <optional> Properties Name Type Argument Default Description wrap String <optional> <span class=\"rb-skin\"></span> invalidClass String <optional> invalid disabledClass String <optional> disabled checkedClass String <optional> checked Returns: Type Array.<SkinRadio> Example // Call with default options: skinRadioGroup( $radio, { \"wrap\": \"<span class=\\\"rb-skin\\\"></span>\", \"invalidClass\": \"invalid\", \"disabledClass\": \"disabled\", \"checkedClass\": \"checked\" } ); skinSelect($select [, options]) Skin a select DOM element Parameters: Name Type Argument Description $select HTMLElement options Object <optional> Properties Name Type Argument Default Description full Boolean <optional> false if true, skin event the option list extraClass Array <optional> [] className String <optional> select-skin itemClassName String <optional> select-itm selectWrapClassName String <optional> select openedListClass String <optional> show activeOptionClass String <optional> on disabledClass String <optional> disabled invalidClass String <optional> invalid loadingClass String <optional> loading listTpl String <optional> Returns: Type SkinSelect Example // Call with default options: skinSelect( $select, { \"full\": false, \"extraClass\": ['otherClassName'], \"className\": \"select-skin\", \"itemClassName\": \"select-itm\", \"selectWrapClassName\": \"select\", \"openedListClass\": \"show\", \"activeOptionClass\": \"on\", \"disabledClass\": \"disabled\", \"loadingClass\": \"loading\", \"listTpl\": [ '<div class=\"select-layer\">', '<ul class=\"select-list\">', '<% for ( var i = 0, len = list.length; i < len; ++i ) { %>', '<li class=\"select-itm<%= list[ i ].selected ? \" on\" : \"\" %>\" data-value=\"<%= list[ i ].value %>\">', '<%= list[ i ].text %>', '</li>', '<% } %>', '</ul>', '</div>' ].join( '' ) } ); skinSelectAll($wrapper [, options]) Skin all select DOM element in a wrapper Parameters: Name Type Argument Description $wrapper HTMLElement options Object <optional> Properties Name Type Argument Default Description full Boolean <optional> false if true, skin event the option list extraClass Array <optional> [] className String <optional> select-skin itemClassName String <optional> select-itm selectWrapClassName String <optional> select openedListClass String <optional> show activeOptionClass String <optional> on disabledClass String <optional> disabled invalidClass String <optional> invalid loadingClass String <optional> loading listTpl String <optional> Returns: Type Array.<SkinSelect> Example // See skinSelect for example of options skinSelectAll( $wrapper, options ) × 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 SkinCheckboxSkinFileSkinRadioSkinSelect Global skinCheckboxskinCheckboxAllskinInputFileskinInputFileAllskinRadioskinRadioAllskinRadioGroupskinSelectskinSelectAll Classes Classes SkinCheckbox SkinFile SkinRadio SkinSelect × Search results Close Documentation generated by JSDoc 3.6.4 on 2020-07-28T16:49:11+02:00 using the DocStrap template. "},"index.html":{"id":"index.html","title":"Index","body":" Documentation Classes SkinCheckboxSkinFileSkinRadioSkinSelect Global skinCheckboxskinCheckboxAllskinInputFileskinInputFileAllskinRadioskinRadioAllskinRadioGroupskinSelectskinSelectAll × Search results Close Documentation generated by JSDoc 3.6.4 on 2020-07-28T16:49:11+02:00 using the DocStrap template. "},"SkinCheckbox.html":{"id":"SkinCheckbox.html","title":"Class: SkinCheckbox","body":" Documentation Classes SkinCheckboxSkinFileSkinRadioSkinSelect Global skinCheckboxskinCheckboxAllskinInputFileskinInputFileAllskinRadioskinRadioAllskinRadioGroupskinSelectskinSelectAll Class: SkinCheckbox SkinCheckbox new SkinCheckbox($checkbox, userOptions) Skin an HTML input checkbox element. You can access the skin API in the __skinAPI property of the $checkbox HTMLElement or its wrapper. Parameters: Name Type Description $checkbox HTMLElement userOptions Object Properties Name Type Argument Default Description wrap String <optional> <span class=\"cb-skin\"></span> invalidClass String <optional> invalid disabledClass String <optional> disabled checkedClass String <optional> checked Methods check() Force the checkbox to be check disable() Force the checkbox to be disable enable() Force the checkbox to be enable setInvalid() Force the state of the checkbox to invalid setValid() Force the state of the checkbox to valid uncheck() Force the checkbox to be uncheck × Search results Close Documentation generated by JSDoc 3.6.4 on 2020-07-28T16:49:11+02:00 using the DocStrap template. "},"SkinFile.html":{"id":"SkinFile.html","title":"Class: SkinFile","body":" Documentation Classes SkinCheckboxSkinFileSkinRadioSkinSelect Global skinCheckboxskinCheckboxAllskinInputFileskinInputFileAllskinRadioskinRadioAllskinRadioGroupskinSelectskinSelectAll Class: SkinFile SkinFile new SkinFile($input [, userOptions]) Skin an HTML input file element. Parameters: Name Type Argument Description $input HTMLElement userOptions Object <optional> Properties Name Type Argument Default Description selector String <optional> \".file-skin\" wrap String <optional> <div class=\"file-skin\"></div> fileInfoSelector String <optional> \".file-info\" fileInfo String <optional> <div class=\"file-info\"></div> autoHideFileInfo Boolean <optional> true resetButtonSelector String <optional> \".file-reset\" resetButton String <optional> <span class=\"file-reset\">&times;</span> disabledClass String <optional> disabled invalidClass String <optional> invalid selectedClass String <optional> selected Methods disable() Force the select to be disable enable() Force the select to be enable setInvalid() Force the state of the select to invalid setValid() Force the state of the select to valid × Search results Close Documentation generated by JSDoc 3.6.4 on 2020-07-28T16:49:11+02:00 using the DocStrap template. "},"SkinRadio.html":{"id":"SkinRadio.html","title":"Class: SkinRadio","body":" Documentation Classes SkinCheckboxSkinFileSkinRadioSkinSelect Global skinCheckboxskinCheckboxAllskinInputFileskinInputFileAllskinRadioskinRadioAllskinRadioGroupskinSelectskinSelectAll Class: SkinRadio SkinRadio new SkinRadio($radio, userOptions) Skin an HTML input radio element. You can access the skin API in the __skinAPI property of the $radio HTMLElement or its wrapper. Parameters: Name Type Description $radio HTMLElement userOptions Object Properties Name Type Argument Default Description wrap String <optional> <span class=\"rb-skin\"></span> invalidClass String <optional> invalid disabledClass String <optional> disabled checkedClass String <optional> checked Example // Call with default options: skinRadio( $radio, { \"wrap\": \"<span class=\\\"rb-skin\\\"></span>\", \"invalidClass\": \"invalid\", \"disabledClass\": \"disabled\", \"checkedClass\": \"checked\" } ); Methods check() Force the radio button to be check disable() Force the radio button to be disable enable() Force the radio button to be enable setInvalid() Force the state of the radio button to invalid setValid() Force the state of the radio button to valid uncheck() Force the radio button to be uncheck × Search results Close Documentation generated by JSDoc 3.6.4 on 2020-07-28T16:49:11+02:00 using the DocStrap template. "},"SkinSelect.html":{"id":"SkinSelect.html","title":"Class: SkinSelect","body":" Documentation Classes SkinCheckboxSkinFileSkinRadioSkinSelect Global skinCheckboxskinCheckboxAllskinInputFileskinInputFileAllskinRadioskinRadioAllskinRadioGroupskinSelectskinSelectAll Class: SkinSelect SkinSelect new SkinSelect($select [, userOptions]) Skin an HTML select element. If options.full is set to true, also skin the options list. You can access the skin API in the __skinAPI property of the $select HTMLElement or its wrapper. Parameters: Name Type Argument Description $select HTMLElement userOptions Object <optional> Properties Name Type Argument Default Description full Boolean <optional> false if true, skin event the option list extraClass Array <optional> [] className String <optional> select-skin itemClassName String <optional> select-itm selectWrapClassName String <optional> select openedListClass String <optional> show activeOptionClass String <optional> on disabledClass String <optional> disabled invalidClass String <optional> invalid loadingClass String <optional> loading listTpl String <optional> Methods disable() Force the select to be disable enable() Force the select to be enable select(optionOrIndex) Select an option Parameters: Name Type Description optionOrIndex HTMLElement | Number setInvalid() Force the state of the select to invalid setLoading() Add the loading css class to the main element setValid() Force the state of the select to valid unsetLoading() Remove the loading css class to the main element updateOptions( [optionsArray]) Update the options list. If optionsArray is not set, only update the html of the skinned options list. Parameters: Name Type Argument Description optionsArray Array <optional> Example selectAPI.updateOptions( [{\"text\": \"Option 1\", \"value\": \"value 1\", \"selected\": true}, ...] ) updateTitle() Force the update of title with the currently selected element text × Search results Close Documentation generated by JSDoc 3.6.4 on 2020-07-28T16:49:11+02:00 using the DocStrap template. "}}
|
|
10
|
+
{"global.html":{"id":"global.html","title":"Global","body":" Documentation Classes SkinCheckboxSkinFileSkinRadioSkinSelect Global skinCheckboxskinCheckboxAllskinInputFileskinInputFileAllskinRadioskinRadioAllskinRadioGroupskinSelectskinSelectAll Global Methods skinCheckbox($checkbox, options) Skin a checkbox DOM element Parameters: Name Type Description $checkbox HTMLElement options Object Properties Name Type Argument Default Description wrap String <optional> <span class=\"cb-skin\"></span> invalidClass String <optional> invalid disabledClass String <optional> disabled checkedClass String <optional> checked Returns: Type SkinCheckbox Example // Call with default options: skinCheckbox( $input, { \"wrap\": \"<span class=\\\"cb-skin\\\"></span>\", \"invalidClass\": \"invalid\", \"disabledClass\": \"disabled\", \"checkedClass\": \"checked\" }); skinCheckboxAll($wrapper [, options]) Skin all checkbox DOM element in a wrapper Parameters: Name Type Argument Description $wrapper HTMLElement options Object <optional> Properties Name Type Argument Default Description wrap String <optional> <span class=\"cb-skin\"></span> selector String <optional> 'input[type=\"checkbox\"]' invalidClass String <optional> invalid disabledClass String <optional> disabled checkedClass String <optional> checked Returns: Type Array.<SkinCheckbox> Example // Call with default options: skinCheckboxAll( $wrapper, \"wrap\": \"<span class=\\\"cb-skin\\\"></span>\", \"invalidClass\": \"invalid\", \"disabledClass\": \"disabled\", \"checkedClass\": \"checked\" }); skinInputFile($input [, options]) Skin an input file DOM element Parameters: Name Type Argument Description $input HTMLElement options Object <optional> Properties Name Type Argument Default Description selector String <optional> \".file-skin\" wrap String <optional> <div class=\"file-skin\"></div> fileInfoSelector String <optional> \".file-info\" fileInfo String <optional> <div class=\"file-info\"></div> autoHideFileInfo Boolean <optional> true resetButtonSelector String <optional> \".file-reset\" resetButton String <optional> <span class=\"file-reset\">&times;</span> disabledClass String <optional> disabled invalidClass String <optional> invalid selectedClass String <optional> selected Returns: Type SkinFile Example // Call with default options: skinInputFile( $input, { \"selector\": \".file-skin\", \"wrap\": \"<div class=\\\"file-skin\\\"></div>\", \"fileInfoSelector\": \".file-info\", \"fileInfo\": \"<div class=\\\"file-info\\\"></div>\", \"autoHideFileInfo\": true, \"resetButtonSelector\": \".file-reset\", \"resetButton\": \"<span class=\\\"file-reset\\\">&times;</span>\", \"disabledClass\": \"disabled\", \"invalidClass\": \"invalid\", \"selectedClass\": \"selected\" } ); skinInputFileAll($wrapper [, options]) Skin all input file DOM element in a wrapper Parameters: Name Type Argument Description $wrapper HTMLElement options Object <optional> Properties Name Type Argument Default Description selector String <optional> \".file-skin\" wrap String <optional> <div class=\"file-skin\"></div> fileInfoSelector String <optional> \".file-info\" fileInfo String <optional> <div class=\"file-info\"></div> autoHideFileInfo Boolean <optional> true resetButtonSelector String <optional> \".file-reset\" resetButton String <optional> <span class=\"file-reset\">&times;</span> disabledClass String <optional> disabled invalidClass String <optional> invalid selectedClass String <optional> selected Returns: Type Array.<SkinFile> Example // Call with default options: skinInputFileAll( $wrapper, { \"selector\": \".file-skin\", \"wrap\": \"<div class=\\\"file-skin\\\"></div>\", \"fileInfoSelector\": \".file-info\", \"fileInfo\": \"<div class=\\\"file-info\\\"></div>\", \"autoHideFileInfo\": true, \"resetButtonSelector\": \".file-reset\", \"resetButton\": \"<span class=\\\"file-reset\\\">&times;</span>\", \"disabledClass\": \"disabled\", \"invalidClass\": \"invalid\", \"selectedClass\": \"selected\" } ); skinRadio($radio, options) Skin a radio input Parameters: Name Type Description $radio HTMLElement options Object Properties Name Type Argument Default Description wrap String <optional> <span class=\"rb-skin\"></span> invalidClass String <optional> invalid disabledClass String <optional> disabled checkedClass String <optional> checked Returns: Type SkinRadio Example // Call with default options: skinRadio( $radio, { \"wrap\": \"<span class=\\\"rb-skin\\\"></span>\", \"invalidClass\": \"invalid\", \"disabledClass\": \"disabled\", \"checkedClass\": \"checked\" } ); skinRadioAll($wrapper [, options]) Select all radio input in a $wrapper Parameters: Name Type Argument Description $wrapper HTMLElement options Object <optional> Properties Name Type Argument Default Description wrap String <optional> <span class=\"rb-skin\"></span> selector String <optional> 'input[type=\"radio\"]' invalidClass String <optional> invalid disabledClass String <optional> disabled checkedClass String <optional> checked Returns: Type Array.<SkinRadio> Example // Call with default options: skinRadioAll( $wrapper, { \"wrap\": \"<span class=\\\"rb-skin\\\"></span>\", \"selector\": \"input[type=\\\"radio\\\"]\", \"invalidClass\": \"invalid\", \"disabledClass\": \"disabled\", \"checkedClass\": \"checked\" } ); skinRadioGroup($radioButtonOrInputName [, options]) Select all radio input of the same group (same name) Parameters: Name Type Argument Description $radioButtonOrInputName HTMLElement | String options Object <optional> Properties Name Type Argument Default Description wrap String <optional> <span class=\"rb-skin\"></span> invalidClass String <optional> invalid disabledClass String <optional> disabled checkedClass String <optional> checked Returns: Type Array.<SkinRadio> Example // Call with default options: skinRadioGroup( $radio, { \"wrap\": \"<span class=\\\"rb-skin\\\"></span>\", \"invalidClass\": \"invalid\", \"disabledClass\": \"disabled\", \"checkedClass\": \"checked\" } ); skinSelect($select [, options]) Skin a select DOM element Parameters: Name Type Argument Description $select HTMLElement options Object <optional> Properties Name Type Argument Default Description full Boolean <optional> false if true, skin event the option list extraClass Array <optional> [] className String <optional> select-skin itemClassName String <optional> select-itm selectWrapClassName String <optional> select openedListClass String <optional> show activeOptionClass String <optional> on disabledClass String <optional> disabled invalidClass String <optional> invalid loadingClass String <optional> loading listTpl String <optional> Returns: Type SkinSelect Example // Call with default options: skinSelect( $select, { \"full\": false, \"extraClass\": ['otherClassName'], \"className\": \"select-skin\", \"itemClassName\": \"select-itm\", \"selectWrapClassName\": \"select\", \"openedListClass\": \"show\", \"activeOptionClass\": \"on\", \"disabledClass\": \"disabled\", \"loadingClass\": \"loading\", \"listTpl\": [ '<div class=\"select-layer\">', '<ul class=\"select-list\">', '<% for ( var i = 0, len = list.length; i < len; ++i ) { %>', '<li class=\"select-itm<%= list[ i ].selected ? \" on\" : \"\" %>\" data-value=\"<%= list[ i ].value %>\">', '<%= list[ i ].text %>', '</li>', '<% } %>', '</ul>', '</div>' ].join( '' ) } ); skinSelectAll($wrapper [, options]) Skin all select DOM element in a wrapper Parameters: Name Type Argument Description $wrapper HTMLElement options Object <optional> Properties Name Type Argument Default Description full Boolean <optional> false if true, skin event the option list extraClass Array <optional> [] className String <optional> select-skin itemClassName String <optional> select-itm selectWrapClassName String <optional> select openedListClass String <optional> show activeOptionClass String <optional> on disabledClass String <optional> disabled invalidClass String <optional> invalid loadingClass String <optional> loading listTpl String <optional> Returns: Type Array.<SkinSelect> Example // See skinSelect for example of options skinSelectAll( $wrapper, options ) × Search results Close Documentation generated by JSDoc 3.6.4 on 2021-02-03T15:24:32+01:00 using the DocStrap template. "},"classes.list.html":{"id":"classes.list.html","title":"Classes","body":" Documentation Classes SkinCheckboxSkinFileSkinRadioSkinSelect Global skinCheckboxskinCheckboxAllskinInputFileskinInputFileAllskinRadioskinRadioAllskinRadioGroupskinSelectskinSelectAll Classes Classes SkinCheckbox SkinFile SkinRadio SkinSelect × Search results Close Documentation generated by JSDoc 3.6.4 on 2021-02-03T15:24:32+01:00 using the DocStrap template. "},"index.html":{"id":"index.html","title":"Index","body":" Documentation Classes SkinCheckboxSkinFileSkinRadioSkinSelect Global skinCheckboxskinCheckboxAllskinInputFileskinInputFileAllskinRadioskinRadioAllskinRadioGroupskinSelectskinSelectAll × Search results Close Documentation generated by JSDoc 3.6.4 on 2021-02-03T15:24:32+01:00 using the DocStrap template. "},"SkinCheckbox.html":{"id":"SkinCheckbox.html","title":"Class: SkinCheckbox","body":" Documentation Classes SkinCheckboxSkinFileSkinRadioSkinSelect Global skinCheckboxskinCheckboxAllskinInputFileskinInputFileAllskinRadioskinRadioAllskinRadioGroupskinSelectskinSelectAll Class: SkinCheckbox SkinCheckbox new SkinCheckbox($checkbox, userOptions) Skin an HTML input checkbox element. You can access the skin API in the __skinAPI property of the $checkbox HTMLElement or its wrapper. Parameters: Name Type Description $checkbox HTMLElement userOptions Object Properties Name Type Argument Default Description wrap String <optional> <span class=\"cb-skin\"></span> invalidClass String <optional> invalid disabledClass String <optional> disabled checkedClass String <optional> checked Methods check() Force the checkbox to be check disable() Force the checkbox to be disable enable() Force the checkbox to be enable setInvalid() Force the state of the checkbox to invalid setValid() Force the state of the checkbox to valid uncheck() Force the checkbox to be uncheck × Search results Close Documentation generated by JSDoc 3.6.4 on 2021-02-03T15:24:32+01:00 using the DocStrap template. "},"SkinFile.html":{"id":"SkinFile.html","title":"Class: SkinFile","body":" Documentation Classes SkinCheckboxSkinFileSkinRadioSkinSelect Global skinCheckboxskinCheckboxAllskinInputFileskinInputFileAllskinRadioskinRadioAllskinRadioGroupskinSelectskinSelectAll Class: SkinFile SkinFile new SkinFile($input [, userOptions]) Skin an HTML input file element. Parameters: Name Type Argument Description $input HTMLElement userOptions Object <optional> Properties Name Type Argument Default Description selector String <optional> \".file-skin\" wrap String <optional> <div class=\"file-skin\"></div> fileInfoSelector String <optional> \".file-info\" fileInfo String <optional> <div class=\"file-info\"></div> autoHideFileInfo Boolean <optional> true resetButtonSelector String <optional> \".file-reset\" resetButton String <optional> <span class=\"file-reset\">&times;</span> disabledClass String <optional> disabled invalidClass String <optional> invalid selectedClass String <optional> selected Methods disable() Force the select to be disable enable() Force the select to be enable setInvalid() Force the state of the select to invalid setValid() Force the state of the select to valid × Search results Close Documentation generated by JSDoc 3.6.4 on 2021-02-03T15:24:32+01:00 using the DocStrap template. "},"SkinRadio.html":{"id":"SkinRadio.html","title":"Class: SkinRadio","body":" Documentation Classes SkinCheckboxSkinFileSkinRadioSkinSelect Global skinCheckboxskinCheckboxAllskinInputFileskinInputFileAllskinRadioskinRadioAllskinRadioGroupskinSelectskinSelectAll Class: SkinRadio SkinRadio new SkinRadio($radio, userOptions) Skin an HTML input radio element. You can access the skin API in the __skinAPI property of the $radio HTMLElement or its wrapper. Parameters: Name Type Description $radio HTMLElement userOptions Object Properties Name Type Argument Default Description wrap String <optional> <span class=\"rb-skin\"></span> invalidClass String <optional> invalid disabledClass String <optional> disabled checkedClass String <optional> checked Example // Call with default options: skinRadio( $radio, { \"wrap\": \"<span class=\\\"rb-skin\\\"></span>\", \"invalidClass\": \"invalid\", \"disabledClass\": \"disabled\", \"checkedClass\": \"checked\" } ); Methods check() Force the radio button to be check disable() Force the radio button to be disable enable() Force the radio button to be enable setInvalid() Force the state of the radio button to invalid setValid() Force the state of the radio button to valid uncheck() Force the radio button to be uncheck × Search results Close Documentation generated by JSDoc 3.6.4 on 2021-02-03T15:24:32+01:00 using the DocStrap template. "},"SkinSelect.html":{"id":"SkinSelect.html","title":"Class: SkinSelect","body":" Documentation Classes SkinCheckboxSkinFileSkinRadioSkinSelect Global skinCheckboxskinCheckboxAllskinInputFileskinInputFileAllskinRadioskinRadioAllskinRadioGroupskinSelectskinSelectAll Class: SkinSelect SkinSelect new SkinSelect($select [, userOptions]) Skin an HTML select element. If options.full is set to true, also skin the options list. You can access the skin API in the __skinAPI property of the $select HTMLElement or its wrapper. Parameters: Name Type Argument Description $select HTMLElement userOptions Object <optional> Properties Name Type Argument Default Description full Boolean <optional> false if true, skin event the option list extraClass Array <optional> [] className String <optional> select-skin itemClassName String <optional> select-itm selectWrapClassName String <optional> select openedListClass String <optional> show activeOptionClass String <optional> on disabledClass String <optional> disabled invalidClass String <optional> invalid loadingClass String <optional> loading listTpl String <optional> Methods disable() Force the select to be disable enable() Force the select to be enable select(optionOrIndex) Select an option Parameters: Name Type Description optionOrIndex HTMLElement | Number setInvalid() Force the state of the select to invalid setLoading() Add the loading css class to the main element setValid() Force the state of the select to valid unsetLoading() Remove the loading css class to the main element updateOptions( [optionsArray]) Update the options list. If optionsArray is not set, only update the html of the skinned options list. Parameters: Name Type Argument Description optionsArray Array <optional> Example selectAPI.updateOptions( [{\"text\": \"Option 1\", \"value\": \"value 1\", \"selected\": true}, ...] ) updateTitle() Force the update of title with the currently selected element text × 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">
|
|
@@ -1000,7 +1000,7 @@ MediaPreloader.getUrl( '/path/my-video' ) // => '/path/my-vide
|
|
|
1000
1000
|
<span class="jsdoc-message">
|
|
1001
1001
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.4</a>
|
|
1002
1002
|
|
|
1003
|
-
on
|
|
1003
|
+
on 2021-02-03T15:24:31+01:00
|
|
1004
1004
|
|
|
1005
1005
|
using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
|
|
1006
1006
|
</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
|
|
198
|
+
on 2021-02-03T15:24:30+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
|
|
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>
|