uikit 3.11.2-dev.f2970ffaa → 3.11.2-dev.f3ade19c4
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/.eslintrc.json +4 -49
- package/.prettierignore +14 -0
- package/.prettierrc.json +13 -0
- package/.webstorm.js +3 -3
- package/CHANGELOG.md +54 -18
- package/build/.eslintrc.json +1 -3
- package/build/build.js +26 -28
- package/build/icons.js +7 -11
- package/build/less.js +48 -36
- package/build/package.json +2 -2
- package/build/prefix.js +21 -18
- package/build/publishDev.js +6 -8
- package/build/release.js +20 -17
- package/build/scope.js +21 -11
- package/build/scss.js +72 -39
- package/build/util.js +71 -62
- package/build/wrapper/icons.js +0 -2
- package/dist/css/uikit-core-rtl.css +133 -201
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +133 -201
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +135 -207
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +135 -207
- package/dist/css/uikit.min.css +1 -1
- package/dist/js/components/countdown.js +88 -133
- package/dist/js/components/countdown.min.js +1 -1
- package/dist/js/components/filter.js +408 -439
- package/dist/js/components/filter.min.js +1 -1
- package/dist/js/components/lightbox-panel.js +1091 -1319
- package/dist/js/components/lightbox-panel.min.js +1 -1
- package/dist/js/components/lightbox.js +1137 -1396
- package/dist/js/components/lightbox.min.js +1 -1
- package/dist/js/components/notification.js +94 -114
- package/dist/js/components/notification.min.js +1 -1
- package/dist/js/components/parallax.js +347 -372
- package/dist/js/components/parallax.min.js +1 -1
- package/dist/js/components/slider-parallax.js +345 -360
- package/dist/js/components/slider-parallax.min.js +1 -1
- package/dist/js/components/slider.js +749 -843
- package/dist/js/components/slider.min.js +1 -1
- package/dist/js/components/slideshow-parallax.js +345 -360
- package/dist/js/components/slideshow-parallax.min.js +1 -1
- package/dist/js/components/slideshow.js +628 -798
- package/dist/js/components/slideshow.min.js +1 -1
- package/dist/js/components/sortable.js +587 -620
- package/dist/js/components/sortable.min.js +1 -1
- package/dist/js/components/tooltip.js +324 -356
- package/dist/js/components/tooltip.min.js +1 -1
- package/dist/js/components/upload.js +155 -167
- package/dist/js/components/upload.min.js +1 -1
- package/dist/js/uikit-core.js +5326 -6526
- package/dist/js/uikit-core.min.js +1 -1
- package/dist/js/uikit-icons.js +7 -9
- package/dist/js/uikit-icons.min.js +1 -1
- package/dist/js/uikit.js +8031 -9659
- package/dist/js/uikit.min.js +1 -1
- package/jsconfig.json +1 -1
- package/package.json +64 -60
- package/src/js/api/boot.js +25 -32
- package/src/js/api/component.js +15 -28
- package/src/js/api/global.js +6 -12
- package/src/js/api/hooks.js +14 -33
- package/src/js/api/instance.js +7 -15
- package/src/js/api/state.js +199 -187
- package/src/js/components/countdown.js +26 -52
- package/src/js/components/filter.js +70 -66
- package/src/js/components/index.js +13 -13
- package/src/js/components/internal/lightbox-animations.js +14 -25
- package/src/js/components/internal/slider-preload.js +9 -0
- package/src/js/components/internal/slider-transitioner.js +66 -45
- package/src/js/components/internal/slideshow-animations.js +46 -64
- package/src/js/components/lightbox-panel.js +107 -105
- package/src/js/components/lightbox.js +17 -39
- package/src/js/components/notification.js +49 -43
- package/src/js/components/parallax.js +21 -46
- package/src/js/components/slider-parallax.js +13 -23
- package/src/js/components/slider.js +117 -89
- package/src/js/components/slideshow-parallax.js +1 -1
- package/src/js/components/slideshow.js +15 -13
- package/src/js/components/sortable.js +125 -106
- package/src/js/components/tooltip.js +41 -31
- package/src/js/components/upload.js +52 -63
- package/src/js/core/accordion.js +58 -48
- package/src/js/core/alert.js +9 -17
- package/src/js/core/core.js +17 -69
- package/src/js/core/cover.js +15 -15
- package/src/js/core/drop.js +110 -94
- package/src/js/core/form-custom.js +22 -27
- package/src/js/core/gif.js +3 -7
- package/src/js/core/grid.js +57 -58
- package/src/js/core/height-match.js +16 -29
- package/src/js/core/height-viewport.js +30 -34
- package/src/js/core/icon.js +47 -52
- package/src/js/core/img.js +153 -143
- package/src/js/core/index.js +39 -39
- package/src/js/core/leader.js +9 -18
- package/src/js/core/margin.js +21 -37
- package/src/js/core/modal.js +49 -36
- package/src/js/core/nav.js +2 -4
- package/src/js/core/navbar.js +113 -85
- package/src/js/core/offcanvas.js +51 -54
- package/src/js/core/overflow-auto.js +13 -17
- package/src/js/core/responsive.js +14 -12
- package/src/js/core/scroll.js +10 -20
- package/src/js/core/scrollspy-nav.js +34 -31
- package/src/js/core/scrollspy.js +37 -54
- package/src/js/core/sticky.js +175 -123
- package/src/js/core/svg.js +68 -83
- package/src/js/core/switcher.js +56 -47
- package/src/js/core/tab.js +7 -10
- package/src/js/core/toggle.js +69 -68
- package/src/js/core/video.js +22 -21
- package/src/js/mixin/animate.js +19 -20
- package/src/js/mixin/class.js +2 -4
- package/src/js/mixin/container.js +7 -11
- package/src/js/mixin/internal/animate-fade.js +73 -30
- package/src/js/mixin/internal/animate-slide.js +58 -41
- package/src/js/mixin/internal/slideshow-animations.js +7 -14
- package/src/js/mixin/internal/slideshow-transitioner.js +10 -17
- package/src/js/mixin/lazyload.js +20 -0
- package/src/js/mixin/media.js +5 -10
- package/src/js/mixin/modal.js +89 -66
- package/src/js/mixin/parallax.js +149 -107
- package/src/js/mixin/position.js +26 -20
- package/src/js/mixin/slider-autoplay.js +12 -21
- package/src/js/mixin/slider-drag.js +64 -65
- package/src/js/mixin/slider-nav.js +26 -35
- package/src/js/mixin/slider-reactive.js +2 -8
- package/src/js/mixin/slider.js +47 -60
- package/src/js/mixin/slideshow.js +12 -22
- package/src/js/mixin/swipe.js +72 -0
- package/src/js/mixin/togglable.js +89 -63
- package/src/js/uikit-core.js +2 -4
- package/src/js/uikit.js +2 -4
- package/src/js/util/ajax.js +25 -40
- package/src/js/util/animation.js +77 -75
- package/src/js/util/attr.js +17 -21
- package/src/js/util/class.js +14 -52
- package/src/js/util/dimensions.js +78 -49
- package/src/js/util/dom.js +39 -66
- package/src/js/util/env.js +7 -12
- package/src/js/util/event.js +60 -59
- package/src/js/util/fastdom.js +1 -6
- package/src/js/util/filter.js +17 -34
- package/src/js/util/index.js +1 -1
- package/src/js/util/lang.js +82 -121
- package/src/js/util/mouse.js +19 -17
- package/src/js/util/observer.js +36 -0
- package/src/js/util/options.js +35 -49
- package/src/js/util/player.js +41 -36
- package/src/js/util/position.js +54 -46
- package/src/js/util/selector.js +43 -58
- package/src/js/util/style.js +39 -49
- package/src/js/util/viewport.js +75 -64
- package/src/less/components/base.less +10 -33
- package/src/less/components/flex.less +0 -9
- package/src/less/components/form-range.less +48 -95
- package/src/less/components/form.less +0 -1
- package/src/less/components/height.less +3 -0
- package/src/less/components/leader.less +0 -1
- package/src/less/components/lightbox.less +0 -1
- package/src/less/components/modal.less +3 -7
- package/src/less/components/navbar.less +0 -7
- package/src/less/components/progress.less +14 -36
- package/src/less/components/slider.less +0 -3
- package/src/less/components/slideshow.less +0 -3
- package/src/less/components/text.less +16 -32
- package/src/less/components/utility.less +25 -0
- package/src/scss/components/base.scss +10 -33
- package/src/scss/components/flex.scss +0 -9
- package/src/scss/components/form-range.scss +48 -95
- package/src/scss/components/form.scss +3 -4
- package/src/scss/components/height.scss +3 -0
- package/src/scss/components/icon.scss +2 -2
- package/src/scss/components/leader.scss +0 -1
- package/src/scss/components/lightbox.scss +0 -1
- package/src/scss/components/modal.scss +3 -7
- package/src/scss/components/navbar.scss +0 -7
- package/src/scss/components/progress.scss +14 -36
- package/src/scss/components/search.scss +1 -1
- package/src/scss/components/slider.scss +0 -3
- package/src/scss/components/slideshow.scss +0 -3
- package/src/scss/components/text.scss +16 -32
- package/src/scss/components/utility.scss +25 -0
- package/src/scss/mixins-theme.scss +1 -1
- package/src/scss/mixins.scss +1 -1
- package/src/scss/variables-theme.scss +9 -9
- package/src/scss/variables.scss +9 -9
- package/tests/align.html +10 -10
- package/tests/animation.html +2 -2
- package/tests/article.html +2 -2
- package/tests/base.html +3 -3
- package/tests/card.html +10 -10
- package/tests/column.html +3 -3
- package/tests/comment.html +9 -9
- package/tests/dotnav.html +3 -3
- package/tests/image.html +296 -64
- package/tests/images/image-type.avif +0 -0
- package/tests/images/image-type.jpeg +0 -0
- package/tests/images/image-type.webp +0 -0
- package/tests/index.html +8 -8
- package/tests/js/index.js +114 -85
- package/tests/lightbox.html +10 -10
- package/tests/marker.html +2 -2
- package/tests/modal.html +8 -9
- package/tests/navbar.html +2 -2
- package/tests/overlay.html +7 -7
- package/tests/parallax.html +16 -7
- package/tests/position.html +12 -12
- package/tests/slidenav.html +12 -12
- package/tests/slider.html +20 -20
- package/tests/sortable.html +1 -1
- package/tests/sticky-parallax.html +87 -99
- package/tests/sticky.html +56 -24
- package/tests/svg.html +6 -6
- package/tests/table.html +11 -11
- package/tests/thumbnav.html +12 -12
- package/tests/transition.html +30 -30
- package/tests/utility.html +50 -33
- package/tests/video.html +1 -1
- package/tests/width.html +1 -1
- package/src/js/mixin/flex-bug.js +0 -56
- package/src/js/util/promise.js +0 -191
- package/tests/images/animated.gif +0 -0
package/build/util.js
CHANGED
|
@@ -2,32 +2,32 @@ import less from 'less';
|
|
|
2
2
|
import fs from 'fs-extra';
|
|
3
3
|
import pLimit from 'p-limit';
|
|
4
4
|
import globImport from 'glob';
|
|
5
|
-
import {optimize} from 'svgo';
|
|
6
|
-
import {promisify} from 'util';
|
|
5
|
+
import { optimize } from 'svgo';
|
|
6
|
+
import { promisify } from 'util';
|
|
7
7
|
import minimist from 'minimist';
|
|
8
8
|
import CleanCSS from 'clean-css';
|
|
9
9
|
import html from 'rollup-plugin-html';
|
|
10
|
-
import buble from '@rollup/plugin-buble';
|
|
11
10
|
import alias from '@rollup/plugin-alias';
|
|
12
11
|
import modify from 'rollup-plugin-modify';
|
|
12
|
+
import { babel } from '@rollup/plugin-babel';
|
|
13
13
|
import replace from '@rollup/plugin-replace';
|
|
14
|
-
import {basename, dirname, join} from 'path';
|
|
15
|
-
import {exec as execImport} from 'child_process';
|
|
16
|
-
import {rollup, watch as rollupWatch} from 'rollup';
|
|
17
|
-
import {minify as rollupMinify} from 'rollup-plugin-esbuild';
|
|
14
|
+
import { basename, dirname, join } from 'path';
|
|
15
|
+
import { exec as execImport } from 'child_process';
|
|
16
|
+
import { rollup, watch as rollupWatch } from 'rollup';
|
|
17
|
+
import { minify as rollupMinify } from 'rollup-plugin-esbuild';
|
|
18
18
|
|
|
19
19
|
const limit = pLimit(Number(process.env.cpus || 2));
|
|
20
20
|
|
|
21
21
|
export const exec = promisify(execImport);
|
|
22
22
|
export const glob = promisify(globImport);
|
|
23
|
-
export const {pathExists, readJson} = fs;
|
|
23
|
+
export const { pathExists, readJson } = fs;
|
|
24
24
|
|
|
25
25
|
export const banner = `/*! UIkit ${await getVersion()} | https://www.getuikit.com | (c) 2014 - ${new Date().getFullYear()} YOOtheme | MIT License */\n`;
|
|
26
26
|
export const validClassName = /[a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*/;
|
|
27
27
|
|
|
28
28
|
const argv = minimist(process.argv.slice(2));
|
|
29
29
|
|
|
30
|
-
argv._.forEach(arg => {
|
|
30
|
+
argv._.forEach((arg) => {
|
|
31
31
|
const tokens = arg.split('=');
|
|
32
32
|
argv[tokens[0]] = tokens[1] || true;
|
|
33
33
|
});
|
|
@@ -39,7 +39,6 @@ export function read(file) {
|
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
export async function write(dest, data) {
|
|
42
|
-
|
|
43
42
|
const err = await fs.writeFile(dest, data);
|
|
44
43
|
|
|
45
44
|
if (err) {
|
|
@@ -50,7 +49,6 @@ export async function write(dest, data) {
|
|
|
50
49
|
await logFile(dest);
|
|
51
50
|
|
|
52
51
|
return dest;
|
|
53
|
-
|
|
54
52
|
}
|
|
55
53
|
|
|
56
54
|
export async function logFile(file) {
|
|
@@ -59,26 +57,25 @@ export async function logFile(file) {
|
|
|
59
57
|
}
|
|
60
58
|
|
|
61
59
|
export async function minify(file) {
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
60
|
+
const { styles } = await limit(() =>
|
|
61
|
+
new CleanCSS({
|
|
62
|
+
advanced: false,
|
|
63
|
+
keepSpecialComments: 0,
|
|
64
|
+
rebase: false,
|
|
65
|
+
returnPromise: true,
|
|
66
|
+
}).minify([file])
|
|
67
|
+
);
|
|
69
68
|
|
|
70
69
|
await write(`${join(dirname(file), basename(file, '.css'))}.min.css`, styles);
|
|
71
70
|
|
|
72
71
|
return styles;
|
|
73
|
-
|
|
74
72
|
}
|
|
75
73
|
|
|
76
74
|
export function renderLess(data, options) {
|
|
77
75
|
return limit(async () => (await less.render(data, options)).css);
|
|
78
76
|
}
|
|
79
77
|
|
|
80
|
-
export async function compile(file, dest, {external, globals, name, aliases, replaces} = {}) {
|
|
81
|
-
|
|
78
|
+
export async function compile(file, dest, { external, globals, name, aliases, replaces } = {}) {
|
|
82
79
|
const minify = !args.nominify;
|
|
83
80
|
const debug = args.d || args.debug;
|
|
84
81
|
const watch = args.w || args.watch;
|
|
@@ -93,48 +90,65 @@ export async function compile(file, dest, {external, globals, name, aliases, rep
|
|
|
93
90
|
preventAssignment: true,
|
|
94
91
|
values: {
|
|
95
92
|
VERSION: `'${await getVersion()}'`,
|
|
96
|
-
...replaces
|
|
97
|
-
}
|
|
93
|
+
...replaces,
|
|
94
|
+
},
|
|
98
95
|
}),
|
|
99
96
|
alias({
|
|
100
97
|
entries: {
|
|
101
98
|
'uikit-util': './src/js/util/index.js',
|
|
102
|
-
...aliases
|
|
103
|
-
}
|
|
99
|
+
...aliases,
|
|
100
|
+
},
|
|
104
101
|
}),
|
|
105
102
|
html({
|
|
106
103
|
include: '**/*.svg',
|
|
107
104
|
htmlMinifierOptions: {
|
|
108
|
-
collapseWhitespace: true
|
|
109
|
-
}
|
|
105
|
+
collapseWhitespace: true,
|
|
106
|
+
},
|
|
107
|
+
}),
|
|
108
|
+
babel({
|
|
109
|
+
presets: [
|
|
110
|
+
[
|
|
111
|
+
'@babel/preset-env',
|
|
112
|
+
{
|
|
113
|
+
loose: true,
|
|
114
|
+
targets: {
|
|
115
|
+
safari: '12',
|
|
116
|
+
},
|
|
117
|
+
},
|
|
118
|
+
],
|
|
119
|
+
],
|
|
120
|
+
extensions: ['.js'],
|
|
121
|
+
babelHelpers: 'bundled',
|
|
122
|
+
retainLines: true,
|
|
110
123
|
}),
|
|
111
|
-
buble({namedFunctionExpressions: false}),
|
|
112
124
|
modify({
|
|
113
125
|
find: /(>)\\n\s+|\\n\s+(<)/,
|
|
114
|
-
replace: (m, m1, m2) => `${m1 || ''} ${m2 || ''}
|
|
115
|
-
})
|
|
116
|
-
]
|
|
126
|
+
replace: (m, m1, m2) => `${m1 || ''} ${m2 || ''}`,
|
|
127
|
+
}),
|
|
128
|
+
],
|
|
117
129
|
};
|
|
118
130
|
|
|
119
131
|
const outputOptions = {
|
|
120
132
|
globals,
|
|
121
133
|
banner,
|
|
122
134
|
format: 'umd',
|
|
123
|
-
amd: {id: `UIkit${name}`.toLowerCase()},
|
|
135
|
+
amd: { id: `UIkit${name}`.toLowerCase() },
|
|
124
136
|
name: `UIkit${ucfirst(name)}`,
|
|
125
|
-
sourcemap: debug ? 'inline' : false
|
|
137
|
+
sourcemap: debug ? 'inline' : false,
|
|
126
138
|
};
|
|
127
139
|
|
|
128
|
-
const output = [
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
140
|
+
const output = [
|
|
141
|
+
{
|
|
142
|
+
...outputOptions,
|
|
143
|
+
file: `${dest}.js`,
|
|
144
|
+
},
|
|
145
|
+
];
|
|
132
146
|
|
|
133
147
|
if (minify) {
|
|
134
148
|
output.push({
|
|
135
149
|
...outputOptions,
|
|
136
150
|
file: `${dest}.min.js`,
|
|
137
|
-
plugins: [minify ? rollupMinify() : undefined]
|
|
151
|
+
plugins: [minify ? rollupMinify() : undefined],
|
|
138
152
|
});
|
|
139
153
|
}
|
|
140
154
|
|
|
@@ -148,18 +162,16 @@ export async function compile(file, dest, {external, globals, name, aliases, rep
|
|
|
148
162
|
|
|
149
163
|
await bundle.close();
|
|
150
164
|
} else {
|
|
151
|
-
|
|
152
165
|
console.log('UIkit is watching the files...');
|
|
153
166
|
|
|
154
167
|
const watcher = rollupWatch({
|
|
155
168
|
...inputOptions,
|
|
156
|
-
output
|
|
169
|
+
output,
|
|
157
170
|
});
|
|
158
171
|
|
|
159
|
-
watcher.on('event', ({code, result, output, error}) => {
|
|
172
|
+
watcher.on('event', ({ code, result, output, error }) => {
|
|
160
173
|
if (result) {
|
|
161
174
|
result.close();
|
|
162
|
-
|
|
163
175
|
}
|
|
164
176
|
if (code === 'BUNDLE_END' && output) {
|
|
165
177
|
output.map(logFile);
|
|
@@ -171,11 +183,9 @@ export async function compile(file, dest, {external, globals, name, aliases, rep
|
|
|
171
183
|
|
|
172
184
|
watcher.close();
|
|
173
185
|
}
|
|
174
|
-
|
|
175
186
|
}
|
|
176
187
|
|
|
177
188
|
export async function icons(src) {
|
|
178
|
-
|
|
179
189
|
const options = {
|
|
180
190
|
plugins: [
|
|
181
191
|
{
|
|
@@ -184,7 +194,7 @@ export async function icons(src) {
|
|
|
184
194
|
overrides: {
|
|
185
195
|
removeViewBox: false,
|
|
186
196
|
cleanupNumericValues: {
|
|
187
|
-
floatPrecision: 3
|
|
197
|
+
floatPrecision: 3,
|
|
188
198
|
},
|
|
189
199
|
convertPathData: false,
|
|
190
200
|
convertShapeToPath: false,
|
|
@@ -193,31 +203,30 @@ export async function icons(src) {
|
|
|
193
203
|
removeStyleElement: false,
|
|
194
204
|
removeScriptElement: false,
|
|
195
205
|
removeUnknownsAndDefaults: false,
|
|
196
|
-
removeUselessStrokeAndFill: false
|
|
197
|
-
}
|
|
198
|
-
}
|
|
199
|
-
}
|
|
200
|
-
]
|
|
206
|
+
removeUselessStrokeAndFill: false,
|
|
207
|
+
},
|
|
208
|
+
},
|
|
209
|
+
},
|
|
210
|
+
],
|
|
201
211
|
};
|
|
202
212
|
|
|
203
|
-
const files = await glob(src, {nosort: true});
|
|
213
|
+
const files = await glob(src, { nosort: true });
|
|
204
214
|
const icons = await Promise.all(
|
|
205
|
-
files.map(file =>
|
|
206
|
-
limit(async () =>
|
|
207
|
-
(await optimize(await read(file), options)).data
|
|
208
|
-
)
|
|
209
|
-
)
|
|
215
|
+
files.map((file) => limit(async () => (await optimize(await read(file), options)).data))
|
|
210
216
|
);
|
|
211
217
|
|
|
212
|
-
return JSON.stringify(
|
|
213
|
-
result
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
218
|
+
return JSON.stringify(
|
|
219
|
+
files.reduce((result, file, i) => {
|
|
220
|
+
result[basename(file, '.svg')] = icons[i];
|
|
221
|
+
return result;
|
|
222
|
+
}, {}),
|
|
223
|
+
null,
|
|
224
|
+
' '
|
|
225
|
+
);
|
|
217
226
|
}
|
|
218
227
|
|
|
219
228
|
export async function run(cmd, options) {
|
|
220
|
-
const {stdout, stderr} = await limit(() => exec(cmd, options));
|
|
229
|
+
const { stdout, stderr } = await limit(() => exec(cmd, options));
|
|
221
230
|
|
|
222
231
|
stdout && console.log(stdout.trim());
|
|
223
232
|
stderr && console.log(stderr.trim());
|