uikit 3.11.2-dev.bbaa4362f → 3.11.2-dev.c7ed3c19b

package/build/scope.js

@@ -1,4 +1,4 @@
-import {args, glob, minify, read, renderLess, replaceInFile, validClassName} from './util.js';
+import { args, glob, minify, read, renderLess, replaceInFile, validClassName } from './util.js';
 
 if (args.h || args.help) {
     console.log(`
@@ -33,7 +33,6 @@ if (args.cleanup && prevScope) {
 
     await cleanup(files, prevScope);
     await scope(files, newScope);
-
 } else {
     await scope(files, getNewScope());
 }
@@ -41,7 +40,7 @@ if (args.cleanup && prevScope) {
 async function getScope(files) {
     for (const file of files) {
         const data = await read(file);
-        const [, scope] = (data.match(currentScopeRe) || data.match(currentScopeLegacyRe) || []);
+        const [, scope] = data.match(currentScopeRe) || data.match(currentScopeLegacyRe) || [];
         if (scope) {
             return scope;
         }
@@ -50,7 +49,6 @@ async function getScope(files) {
 }
 
 function getNewScope() {
-
     const scopeFromInput = args.scope || args.s || 'uk-scope';
 
     if (validClassName.test(scopeFromInput)) {
@@ -62,10 +60,16 @@ function getNewScope() {
 
 async function scope(files, scope) {
     for (const file of files) {
-        await replaceInFile(file, async data => {
+        await replaceInFile(file, async (data) => {
             const output = await renderLess(`.${scope} {\n${stripComments(data)}\n}`);
             return `/* scoped: ${scope} */\n${
-                output.replace(new RegExp(`.${scope}\\s((\\.(uk-(drag|modal-page|offcanvas-page|offcanvas-flip)))|html|:root)`, 'g'), '$1') // unescape
+                output.replace(
+                    new RegExp(
+                        `.${scope}\\s((\\.(uk-(drag|modal-page|offcanvas-page|offcanvas-flip)))|html|:root)`,
+                        'g'
+                    ),
+                    '$1'
+                ) // unescape
             }`;
         });
         await minify(file);
@@ -73,11 +77,17 @@ async function scope(files, scope) {
 }
 
 async function cleanup(files, scope) {
-    const string = scope.split(' ').map(scope => `.${scope}`).join(' ');
+    const string = scope
+        .split(' ')
+        .map((scope) => `.${scope}`)
+        .join(' ');
     for (const file of files) {
-        await replaceInFile(file, data => data
-            .replace(currentScopeRe, '') // remove scope comment
-            .replace(new RegExp(` *${string} ({[\\s\\S]*?})?`, 'g'), '') // replace classes
+        await replaceInFile(
+            file,
+            (data) =>
+                data
+                    .replace(currentScopeRe, '') // remove scope comment
+                    .replace(new RegExp(` *${string} ({[\\s\\S]*?})?`, 'g'), '') // replace classes
         );
     }
 }
@@ -86,6 +96,6 @@ function stripComments(input) {
     return input
         .replace(/\/\*(.|\n)*?\*\//gm, '')
         .split('\n')
-        .filter(line => line.trim().substr(0, 2) !== '//')
+        .filter((line) => line.trim().substr(0, 2) !== '//')
         .join('\n');
 }

package/build/scss.js

@@ -1,5 +1,5 @@
 import NP from 'number-precision';
-import {glob, read, write} from './util.js';
+import { glob, read, write } from './util.js';
 
 NP.enableBoundaryChecking(false);
 
@@ -74,14 +74,17 @@ const inverseTemplate = `    @include hook-inverse-component-base();
 
 /* First Step: Go through all files */
 for (const file of await glob('src/less/**/*.less')) {
-
     const data = await read(file);
 
     /* replace all Less stuff with SCSS */
-    let scssData = data.replace(/\/less\//g, '/scss/') // change less/ dir to scss/ on imports
+    let scssData = data
+        .replace(/\/less\//g, '/scss/') // change less/ dir to scss/ on imports
         .replace(/\.less/g, '.scss') // change .less extensions to .scss on imports
         .replace(/@/g, '$') // convert variables
-        .replace(/(:[^'"]*?\([^'"]+?)\s*\/\s*([0-9.-]+)\)/g, (exp, m1, m2) => `${m1} * ${NP.round(1 / parseFloat(m2), 5)})`)
+        .replace(
+            /(:[^'"]*?\([^'"]+?)\s*\/\s*([0-9.-]+)\)/g,
+            (exp, m1, m2) => `${m1} * ${NP.round(1 / parseFloat(m2), 5)})`
+        )
         .replace(/--uk-[^\s]+: (\$[^\s]+);/g, (exp, name) => exp.replace(name, `#{${name}}`))
         .replace(/\\\$/g, '\\@') // revert classes using the @ symbol
         .replace(/ e\(/g, ' unquote(') // convert escape function
@@ -89,14 +92,30 @@ for (const file of await glob('src/less/**/*.less')) {
         .replace(/(\$[\w-]*)\s*:(.*);/g, '$1: $2 !default;') // make variables optional
         .replace(/@mixin ([\w-]*)\s*\((.*)\)\s*{\s*}/g, '// @mixin $1($2){}') // comment empty mixins
         .replace(/\.(hook[a-zA-Z\-\d]+)(\(\))?;/g, '@if(mixin-exists($1)) {@include $1();}') // hook calls surrounded by a mixin-exists
-        .replace(/\$(import|supports|media|font-face|page|-ms-viewport|keyframes|-webkit-keyframes|-moz-document)/g, '@$1') // replace valid '@' statements
+        .replace(
+            /\$(import|supports|media|font-face|page|-ms-viewport|keyframes|-webkit-keyframes|-moz-document)/g,
+            '@$1'
+        ) // replace valid '@' statements
         .replace(/tint\((\$[\w-]+),\s([^)]*)\)/g, 'mix(white, $1, $2)') // replace Less function tint with mix
-        .replace(/fade\((\$[\w-]*), ([0-9]+)%\)/g, (match, p1, p2) => { return `rgba(${p1}, ${p2 / 100})`;}) // replace Less function fade with rgba
-        .replace(/fadeout\((\$[\w-]*), ([0-9]+)%\)/g, (match, p1, p2) => { return `fade-out(${p1}, ${p2 / 100})`;}) // replace Less function fadeout with fade-out
+        .replace(/fade\((\$[\w-]*), ([0-9]+)%\)/g, (match, p1, p2) => {
+            return `rgba(${p1}, ${p2 / 100})`;
+        }) // replace Less function fade with rgba
+        .replace(/fade(in|out)\((\$[\w-]*), ([0-9]+)%\)/g, (match, p1, p2, p3) => {
+            return `fade-${p1}(${p2}, ${p3 / 100})`;
+        }) // replace Less function fadeout with fade-out
         .replace(/\.svg-fill/g, '@include svg-fill') // include svg-fill mixin
-        .replace(/(.*):extend\((\.[\w-\\@]*) all\) when \((\$[\w-]*) = ([\w]+)\) {}/g, '@if ( $3 == $4 ) { $1 { @extend $2 !optional;} }') // update conditional extend and add !optional to ignore warnings
-        .replace(/(\.[\w-\\@]+)\s*when\s*\((\$[\w-]*)\s*=\s*(\w+)\)\s*{\s*@if\(mixin-exists\(([\w-]*)\)\) {@include\s([\w-]*)\(\);\s*}\s*}/g, '@if ($2 == $3) { $1 { @if (mixin-exists($4)) {@include $4();}}}') // update conditional hook
-        .replace(/(\.[\w-\\@]+)\s*when\s*\((\$[\w-]*)\s*=\s*(\w+)\)\s*({\s*.*?\s*})/gs, '@if ($2 == $3) {\n$1 $4\n}') // replace conditionals
+        .replace(
+            /(.*):extend\((\.[\w-\\@]*) all\) when \((\$[\w-]*) = ([\w]+)\) {}/g,
+            '@if ( $3 == $4 ) { $1 { @extend $2 !optional;} }'
+        ) // update conditional extend and add !optional to ignore warnings
+        .replace(
+            /(\.[\w-\\@]+)\s*when\s*\((\$[\w-]*)\s*=\s*(\w+)\)\s*{\s*@if\(mixin-exists\(([\w-]*)\)\) {@include\s([\w-]*)\(\);\s*}\s*}/g,
+            '@if ($2 == $3) { $1 { @if (mixin-exists($4)) {@include $4();}}}'
+        ) // update conditional hook
+        .replace(
+            /(\.[\w-\\@]+)\s*when\s*\((\$[\w-]*)\s*=\s*(\w+)\)\s*({\s*.*?\s*})/gs,
+            '@if ($2 == $3) {\n$1 $4\n}'
+        ) // replace conditionals
         .replace(/\${/g, '#{$') // string literals: from: /~"(.*)"/g, to: '#{"$1"}'
         .replace(/[^(](-\$[\w-]*)/g, ' ($1)') // surround negative variables with brackets
         .replace(/(--[\w-]+:\s*)~'([^']+)'/g, '$1$2') // string literals in custom properties
@@ -124,7 +143,10 @@ for (const file of await glob('src/less/**/*.less')) {
         /* remove the theme import first place */
         scssData = scssData.replace(/\/\/\n\/\/ Theme\n\/\/\n\n@import "theme\/_import.scss";/, '');
         /* add uikit-mixins and uikit-variables include to the uikit.scss file and change order, to load theme files first */
-        scssData = scssData.replace(/\/\/ Core\n\/\//g, '// Theme\n//\n\n@import "theme/_import.scss";');
+        scssData = scssData.replace(
+            /\/\/ Core\n\/\//g,
+            '// Theme\n//\n\n@import "theme/_import.scss";'
+        );
     }
 
     /* mixin.less needs to be fully replaced by the new mixin file*/
@@ -133,27 +155,34 @@ for (const file of await glob('src/less/**/*.less')) {
     }
 
     await write(file.replace(/less/g, 'scss').replace('.theme.', '-theme.'), scssData);
-
 }
 
 /* Second Step write all new needed files for SASS */
 
 /* write mixins into new file */
-const mixins_theme = Object.keys(themeMixins).map(function (key) { return themeMixins[key]; });
+const mixins_theme = Object.keys(themeMixins).map(function (key) {
+    return themeMixins[key];
+});
 await write('src/scss/mixins-theme.scss', mixins_theme.join('\n'));
 
-const mixins_core = Object.keys(coreMixins).map(function (key) { return coreMixins[key]; });
+const mixins_core = Object.keys(coreMixins).map(function (key) {
+    return coreMixins[key];
+});
 await write('src/scss/mixins.scss', mixins_core.join('\n'));
 
 /* write core variables */
 const compactCoreVar = new Set();
-Object.keys(coreVar).map(key => getAllDependencies(coreVar, key).forEach(dependency => compactCoreVar.add(dependency)));
+Object.keys(coreVar).map((key) =>
+    getAllDependencies(coreVar, key).forEach((dependency) => compactCoreVar.add(dependency))
+);
 
 await write('src/scss/variables.scss', Array.from(compactCoreVar).join('\n'));
 
 /* write theme variables */
 const compactThemeVar = new Set();
-Object.keys(themeVar).map(key => getAllDependencies(themeVar, key).forEach(dependency => compactThemeVar.add(dependency)));
+Object.keys(themeVar).map((key) =>
+    getAllDependencies(themeVar, key).forEach((dependency) => compactThemeVar.add(dependency))
+);
 
 await write('src/scss/variables-theme.scss', Array.from(compactThemeVar).join('\n'));
 
@@ -162,15 +191,14 @@ await write('src/scss/variables-theme.scss', Array.from(compactThemeVar).join('\
  * @return Set with all the dependencies.
  */
 function getAllDependencies(allVariables, currentKey, dependencies = new Set()) {
-
     if (!allVariables[currentKey].dependencies.length) {
-
         dependencies.add(`${currentKey}: ${allVariables[currentKey].value}`);
         return Array.from(dependencies);
     } else {
-
-        allVariables[currentKey].dependencies.forEach(dependecy => {
-            getAllDependencies(allVariables, dependecy, dependencies).forEach(newDependency => dependencies.add(newDependency));
+        allVariables[currentKey].dependencies.forEach((dependecy) => {
+            getAllDependencies(allVariables, dependecy, dependencies).forEach((newDependency) =>
+                dependencies.add(newDependency)
+            );
         });
 
         dependencies.add(`${currentKey}: ${allVariables[currentKey].value}`);
@@ -183,14 +211,17 @@ function getAllDependencies(allVariables, currentKey, dependencies = new Set())
  * @return an updated data where the mixins have been removed.
  */
 function getMixinsFromFile(file, data) {
-
     /* Step 1: get all includes and insert them, so that at least empty mixins exist. */
     let regex = /@include ([a-z0-9-]+)/g;
     let match = regex.exec(data);
 
     while (match) {
-        if (!(match[1] in themeMixins)) { themeMixins[match[1]] = `@mixin ${match[1]}(){}`; }
-        if (!(match[1] in coreMixins)) { coreMixins[match[1]] = `@mixin ${match[1]}(){}`; }
+        if (!(match[1] in themeMixins)) {
+            themeMixins[match[1]] = `@mixin ${match[1]}(){}`;
+        }
+        if (!(match[1] in coreMixins)) {
+            coreMixins[match[1]] = `@mixin ${match[1]}(){}`;
+        }
 
         match = regex.exec(data);
     }
@@ -201,7 +232,7 @@ function getMixinsFromFile(file, data) {
 
     while (match) {
         [themeMixins[match[1]]] = match;
-        if (file.indexOf('theme/') < 0) {
+        if (!file.includes('theme/')) {
             [coreMixins[match[1]]] = match;
         }
         match = regex.exec(data);
@@ -213,7 +244,7 @@ function getMixinsFromFile(file, data) {
 
     while (match) {
         [themeMixins[match[1]]] = match;
-        if (file.indexOf('theme/') < 0) {
+        if (!file.includes('theme/')) {
             [coreMixins[match[1]]] = match;
         }
 
@@ -235,15 +266,15 @@ async function getVariablesFromFile(file, data) {
     let match = regex.exec(data);
 
     while (match) {
-
         /* check if variable is a background icon, if so replace it directly by the SVG */
-        if (match[0].indexOf('../../images/backgrounds') >= 0) {
-
-            const iconregex = /(\$[\w-]+)\s*:\s*"\.\.\/\.\.\/images\/backgrounds\/([\w./-]+)" !default;/g;
+        if (match[0].includes('../../images/backgrounds')) {
+            const iconregex =
+                /(\$[\w-]+)\s*:\s*"\.\.\/\.\.\/images\/backgrounds\/([\w./-]+)" !default;/g;
             const iconmatch = iconregex.exec(match[0]);
             let svg = (await read(`src/images/backgrounds/${iconmatch[2]}`)).toString();
-            svg = `"${svg.replace(/\r?\n|\r/g, '%0A')
-                .replace(/"/g, '\'')
+            svg = `"${svg
+                .replace(/\r?\n|\r/g, '%0A')
+                .replace(/"/g, "'")
                 .replace(/\s/g, '%20')
                 .replace(/</g, '%3C')
                 .replace(/=/g, '%3D')
@@ -254,11 +285,11 @@ async function getVariablesFromFile(file, data) {
                 .replace(/%3Csvg/, 'data:image/svg+xml;charset=UTF-8,%3Csvg')}"`;
 
             /* add SVG to the coreVar and themeVar only if it is a theme file and make it optional */
-            if (file.indexOf('theme/') < 0) {
-                coreVar[iconmatch[1]] = {value: `${svg} !default;`, dependencies: []};
+            if (!file.includes('theme/')) {
+                coreVar[iconmatch[1]] = { value: `${svg} !default;`, dependencies: [] };
             }
 
-            themeVar[iconmatch[1]] = {value: `${svg} !default;`, dependencies: []};
+            themeVar[iconmatch[1]] = { value: `${svg} !default;`, dependencies: [] };
 
             /* add SVG to the variable within the file itself as well */
             const inlineSVG = `${iconmatch[1]}: ${svg} !default;`;
@@ -266,7 +297,6 @@ async function getVariablesFromFile(file, data) {
 
             /* when it is not an SVG add the variable and search for its dependencies */
         } else {
-
             const variablesRegex = /(\$[\w-]+)/g;
             let variablesMatch = variablesRegex.exec(match[2]);
             const dependencies = [];
@@ -277,11 +307,14 @@ async function getVariablesFromFile(file, data) {
             }
 
             /* add variables only to the core Variables if it is not a theme file */
-            if (file.indexOf('theme/') < 0) {
-                coreVar[match[1]] = {value: `${match[2]};`, dependencies: Array.from(dependencies)};
+            if (!file.includes('theme/')) {
+                coreVar[match[1]] = {
+                    value: `${match[2]};`,
+                    dependencies: Array.from(dependencies),
+                };
             }
 
-            themeVar[match[1]] = {value: `${match[2]};`, dependencies: Array.from(dependencies)};
+            themeVar[match[1]] = { value: `${match[2]};`, dependencies: Array.from(dependencies) };
         }
 
         match = regex.exec(data);

package/build/util.js

@@ -2,32 +2,32 @@ import less from 'less';
 import fs from 'fs-extra';
 import pLimit from 'p-limit';
 import globImport from 'glob';
-import {optimize} from 'svgo';
-import {promisify} from 'util';
+import { optimize } from 'svgo';
+import { promisify } from 'util';
 import minimist from 'minimist';
 import CleanCSS from 'clean-css';
 import html from 'rollup-plugin-html';
-import buble from '@rollup/plugin-buble';
 import alias from '@rollup/plugin-alias';
 import modify from 'rollup-plugin-modify';
+import { babel } from '@rollup/plugin-babel';
 import replace from '@rollup/plugin-replace';
-import {basename, dirname, join} from 'path';
-import {exec as execImport} from 'child_process';
-import {rollup, watch as rollupWatch} from 'rollup';
-import {minify as rollupMinify} from 'rollup-plugin-esbuild';
+import { basename, dirname, join } from 'path';
+import { exec as execImport } from 'child_process';
+import { rollup, watch as rollupWatch } from 'rollup';
+import { minify as rollupMinify } from 'rollup-plugin-esbuild';
 
 const limit = pLimit(Number(process.env.cpus || 2));
 
 export const exec = promisify(execImport);
 export const glob = promisify(globImport);
-export const {pathExists, readJson} = fs;
+export const { pathExists, readJson } = fs;
 
 export const banner = `/*! UIkit ${await getVersion()} | https://www.getuikit.com | (c) 2014 - ${new Date().getFullYear()} YOOtheme | MIT License */\n`;
 export const validClassName = /[a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*/;
 
 const argv = minimist(process.argv.slice(2));
 
-argv._.forEach(arg => {
+argv._.forEach((arg) => {
     const tokens = arg.split('=');
     argv[tokens[0]] = tokens[1] || true;
 });
@@ -39,7 +39,6 @@ export function read(file) {
 }
 
 export async function write(dest, data) {
-
     const err = await fs.writeFile(dest, data);
 
     if (err) {
@@ -50,7 +49,6 @@ export async function write(dest, data) {
     await logFile(dest);
 
     return dest;
-
 }
 
 export async function logFile(file) {
@@ -59,26 +57,25 @@ export async function logFile(file) {
 }
 
 export async function minify(file) {
-
-    const {styles} = await limit(() => new CleanCSS({
-        advanced: false,
-        keepSpecialComments: 0,
-        rebase: false,
-        returnPromise: true
-    }).minify([file]));
+    const { styles } = await limit(() =>
+        new CleanCSS({
+            advanced: false,
+            keepSpecialComments: 0,
+            rebase: false,
+            returnPromise: true,
+        }).minify([file])
+    );
 
     await write(`${join(dirname(file), basename(file, '.css'))}.min.css`, styles);
 
     return styles;
-
 }
 
 export function renderLess(data, options) {
     return limit(async () => (await less.render(data, options)).css);
 }
 
-export async function compile(file, dest, {external, globals, name, aliases, replaces} = {}) {
-
+export async function compile(file, dest, { external, globals, name, aliases, replaces } = {}) {
     const minify = !args.nominify;
     const debug = args.d || args.debug;
     const watch = args.w || args.watch;
@@ -93,48 +90,65 @@ export async function compile(file, dest, {external, globals, name, aliases, rep
                 preventAssignment: true,
                 values: {
                     VERSION: `'${await getVersion()}'`,
-                    ...replaces
-                }
+                    ...replaces,
+                },
             }),
             alias({
                 entries: {
                     'uikit-util': './src/js/util/index.js',
-                    ...aliases
-                }
+                    ...aliases,
+                },
             }),
             html({
                 include: '**/*.svg',
                 htmlMinifierOptions: {
-                    collapseWhitespace: true
-                }
+                    collapseWhitespace: true,
+                },
+            }),
+            babel({
+                presets: [
+                    [
+                        '@babel/preset-env',
+                        {
+                            loose: true,
+                            targets: {
+                                safari: '12',
+                            },
+                        },
+                    ],
+                ],
+                extensions: ['.js'],
+                babelHelpers: 'bundled',
+                retainLines: true,
             }),
-            buble({namedFunctionExpressions: false}),
             modify({
                 find: /(>)\\n\s+|\\n\s+(<)/,
-                replace: (m, m1, m2) => `${m1 || ''} ${m2 || ''}`
-            })
-        ]
+                replace: (m, m1, m2) => `${m1 || ''} ${m2 || ''}`,
+            }),
+        ],
     };
 
     const outputOptions = {
         globals,
         banner,
         format: 'umd',
-        amd: {id: `UIkit${name}`.toLowerCase()},
+        amd: { id: `UIkit${name}`.toLowerCase() },
         name: `UIkit${ucfirst(name)}`,
-        sourcemap: debug ? 'inline' : false
+        sourcemap: debug ? 'inline' : false,
     };
 
-    const output = [{
-        ...outputOptions,
-        file: `${dest}.js`
-    }];
+    const output = [
+        {
+            ...outputOptions,
+            file: `${dest}.js`,
+        },
+    ];
 
     if (minify) {
         output.push({
             ...outputOptions,
             file: `${dest}.min.js`,
-            plugins: [minify ? rollupMinify() : undefined]
+            plugins: [minify ? rollupMinify() : undefined],
         });
     }
 
@@ -148,18 +162,16 @@ export async function compile(file, dest, {external, globals, name, aliases, rep
 
         await bundle.close();
     } else {
-
         console.log('UIkit is watching the files...');
 
         const watcher = rollupWatch({
             ...inputOptions,
-            output
+            output,
         });
 
-        watcher.on('event', ({code, result, output, error}) => {
+        watcher.on('event', ({ code, result, output, error }) => {
             if (result) {
                 result.close();
-
             }
             if (code === 'BUNDLE_END' && output) {
                 output.map(logFile);
@@ -171,11 +183,9 @@ export async function compile(file, dest, {external, globals, name, aliases, rep
 
         watcher.close();
     }
-
 }
 
 export async function icons(src) {
-
     const options = {
         plugins: [
             {
@@ -184,7 +194,7 @@ export async function icons(src) {
                     overrides: {
                         removeViewBox: false,
                         cleanupNumericValues: {
-                            floatPrecision: 3
+                            floatPrecision: 3,
                         },
                         convertPathData: false,
                         convertShapeToPath: false,
@@ -193,31 +203,30 @@ export async function icons(src) {
                         removeStyleElement: false,
                         removeScriptElement: false,
                         removeUnknownsAndDefaults: false,
-                        removeUselessStrokeAndFill: false
-                    }
-                }
-            }
-        ]
+                        removeUselessStrokeAndFill: false,
+                    },
+                },
+            },
+        ],
     };
 
-    const files = await glob(src, {nosort: true});
+    const files = await glob(src, { nosort: true });
     const icons = await Promise.all(
-        files.map(file =>
-            limit(async () =>
-                (await optimize(await read(file), options)).data
-            )
-        )
+        files.map((file) => limit(async () => (await optimize(await read(file), options)).data))
     );
 
-    return JSON.stringify(files.reduce((result, file, i) => {
-        result[basename(file, '.svg')] = icons[i];
-        return result;
-    }, {}), null, '    ');
-
+    return JSON.stringify(
+        files.reduce((result, file, i) => {
+            result[basename(file, '.svg')] = icons[i];
+            return result;
+        }, {}),
+        null,
+        '    '
+    );
 }
 
 export async function run(cmd, options) {
-    const {stdout, stderr} = await limit(() => exec(cmd, options));
+    const { stdout, stderr } = await limit(() => exec(cmd, options));
 
     stdout && console.log(stdout.trim());
     stderr && console.log(stderr.trim());

package/build/wrapper/icons.js

@@ -1,11 +1,9 @@
 function plugin(UIkit) {
-
     if (plugin.installed) {
         return;
     }
 
     UIkit.icon.add(ICONS);
-
 }
 
 if (typeof window !== 'undefined' && window.UIkit) {

package/dist/css/uikit-core-rtl.css

@@ -1,4 +1,4 @@
-/*! UIkit 3.11.2-dev.bbaa4362f | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.11.2-dev.c7ed3c19b | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -4899,13 +4899,6 @@ ul.uk-nav-sub {
 .uk-navbar-container:not(.uk-navbar-transparent) {
   background: #f8f8f8;
 }
-/*
- * Remove pseudo elements created by micro clearfix as precaution (if Container component is used)
- */
-.uk-navbar-container > ::before,
-.uk-navbar-container > ::after {
-  display: none !important;
-}
 /* Groups
  ========================================================================== */
 /*
@@ -7628,6 +7621,47 @@ iframe[data-uk-cover] {
 [data-uk-responsive] {
   max-width: 100%;
 }
+/* Object
+ ========================================================================== */
+.uk-object-fit-none {
+  object-fit: none;
+}
+.uk-object-fit-cover {
+  object-fit: cover;
+}
+.uk-object-fit-contain {
+  object-fit: contain;
+}
+/* 
+ * Position
+ */
+.uk-object-top-right {
+  object-position: 100% 0;
+}
+.uk-object-top-center {
+  object-position: 50% 0;
+}
+.uk-object-top-left {
+  object-position: 0% 0;
+}
+.uk-object-center-right {
+  object-position: 100% 50%;
+}
+.uk-object-center-center {
+  object-position: 50% 50%;
+}
+.uk-object-center-left {
+  object-position: 0% 50%;
+}
+.uk-object-bottom-right {
+  object-position: 100% 100%;
+}
+.uk-object-bottom-center {
+  object-position: 50% 100%;
+}
+.uk-object-bottom-left {
+  object-position: 0% 100%;
+}
 /* Border
  ========================================================================== */
 .uk-border-circle {
@@ -7878,15 +7912,6 @@ iframe[data-uk-cover] {
 .uk-flex-inline {
   display: inline-flex;
 }
-/*
- * Remove pseudo elements created by micro clearfix as precaution
- */
-.uk-flex::before,
-.uk-flex::after,
-.uk-flex-inline::before,
-.uk-flex-inline::after {
-  display: none;
-}
 /* Alignment
  ========================================================================== */
 /*