uikit 3.11.2-dev.9433cd5fd → 3.11.2-dev.a87448e52

package/jsconfig.json

@@ -6,4 +6,4 @@
         }
     },
     "exclude": ["node_modules"]
-}
+}

package/package.json

@@ -1,62 +1,66 @@
 {
-  "name": "uikit",
-  "title": "UIkit",
-  "description": "UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.",
-  "version": "3.11.2-dev.9433cd5fd",
-  "main": "dist/js/uikit.js",
-  "style": "dist/css/uikit.css",
-  "sideEffects": [
-    "*.css",
-    "./src/js/*.js",
-    "./dist/**/*.js"
-  ],
-  "scripts": {
-    "build-scss": "node build/scss",
-    "compile": "yarn compile-less && yarn compile-js",
-    "compile-js": "node build/build",
-    "compile-less": "yarn icons && node build/less",
-    "compile-rtl": "yarn compile-less rtl",
-    "icons": "node build/icons",
-    "prefix": "node build/prefix",
-    "scope": "node build/scope",
-    "release": "node build/release",
-    "watch": "watch-run -i -p '**/*.less' yarn compile-less",
-    "eslint": "eslint src/js",
-    "eslint-fix": "eslint --fix src/js"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/uikit/uikit.git"
-  },
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/uikit/uikit/issues"
-  },
-  "homepage": "https://getuikit.com",
-  "devDependencies": {
-    "@rollup/plugin-alias": "^3.1.9",
-    "@rollup/plugin-buble": "^0.21.3",
-    "@rollup/plugin-replace": "^3.0.1",
-    "archiver": "^5.3.0",
-    "camelcase": "^6.3.0",
-    "clean-css": "^5.2.4",
-    "dateformat": "^5.0.2",
-    "esbuild": "^0.14.19",
-    "eslint": "^8.8.0",
-    "fs-extra": "^10.0.0",
-    "glob": "^7.2.0",
-    "inquirer": "^8.2.0",
-    "less": "^4.1.2",
-    "minimist": "^1.2.5",
-    "number-precision": "^1.5.1",
-    "p-limit": "^4.0.0",
-    "rollup": "^2.67.1",
-    "rollup-plugin-esbuild": "^4.8.2",
-    "rollup-plugin-html": "^0.2.1",
-    "rollup-plugin-modify": "^3.0.0",
-    "rtlcss": "^3.5.0",
-    "semver": "^7.3.2",
-    "svgo": "^2.8.0",
-    "watch-run": "^1.2.5"
-  }
+    "name": "uikit",
+    "title": "UIkit",
+    "description": "UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.",
+    "version": "3.11.2-dev.a87448e52",
+    "main": "dist/js/uikit.js",
+    "style": "dist/css/uikit.css",
+    "sideEffects": [
+        "*.css",
+        "./src/js/*.js",
+        "./dist/**/*.js"
+    ],
+    "scripts": {
+        "build-scss": "node build/scss",
+        "compile": "yarn compile-less && yarn compile-js",
+        "compile-js": "node build/build",
+        "compile-less": "yarn icons && node build/less",
+        "compile-rtl": "yarn compile-less rtl",
+        "icons": "node build/icons",
+        "prefix": "node build/prefix",
+        "scope": "node build/scope",
+        "release": "node build/release",
+        "watch": "watch-run -i -p '**/*.less' yarn compile-less",
+        "eslint": "eslint src/js",
+        "eslint-fix": "eslint --fix src/js"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/uikit/uikit.git"
+    },
+    "license": "MIT",
+    "bugs": {
+        "url": "https://github.com/uikit/uikit/issues"
+    },
+    "homepage": "https://getuikit.com",
+    "devDependencies": {
+        "@babel/core": "^7.16.0",
+        "@babel/preset-env": "^7.16.4",
+        "@rollup/plugin-alias": "^3.1.9",
+        "@rollup/plugin-babel": "^5.3.0",
+        "@rollup/plugin-replace": "^3.0.1",
+        "archiver": "^5.3.0",
+        "camelcase": "^6.3.0",
+        "clean-css": "^5.2.4",
+        "dateformat": "^5.0.3",
+        "esbuild": "^0.14.23",
+        "eslint": "^8.9.0",
+        "eslint-config-prettier": "^8.3.0",
+        "fs-extra": "^10.0.0",
+        "glob": "^7.2.0",
+        "inquirer": "^8.2.0",
+        "less": "^4.1.2",
+        "minimist": "^1.2.5",
+        "number-precision": "^1.5.2",
+        "p-limit": "^4.0.0",
+        "prettier": "^2.5.1",
+        "rollup": "^2.68.0",
+        "rollup-plugin-esbuild": "^4.8.2",
+        "rollup-plugin-html": "^0.2.1",
+        "rollup-plugin-modify": "^3.0.0",
+        "rtlcss": "^3.5.0",
+        "semver": "^7.3.2",
+        "svgo": "^2.8.0",
+        "watch-run": "^1.2.5"
+    }
 }

package/src/js/api/boot.js

@@ -1,49 +1,48 @@
-import {getComponentName} from './component';
-import {apply, fastdom, hasAttr, inBrowser} from 'uikit-util';
+import { getComponentName } from './component';
+import { apply, fastdom, hasAttr, inBrowser } from 'uikit-util';
 
 export default function (UIkit) {
-
-    const {connect, disconnect} = UIkit;
+    const { connect, disconnect } = UIkit;
 
     if (!inBrowser || !window.MutationObserver) {
         return;
     }
 
     fastdom.read(function () {
-
         if (document.body) {
             apply(document.body, connect);
         }
 
-        new MutationObserver(records =>
-            records.forEach(applyChildListMutation)
-        ).observe(document, {
-            childList: true,
-            subtree: true
-        });
-
-        new MutationObserver(records =>
-            records.forEach(applyAttributeMutation)
-        ).observe(document, {
-            attributes: true,
-            subtree: true
-        });
+        new MutationObserver((records) => records.forEach(applyChildListMutation)).observe(
+            document,
+            {
+                childList: true,
+                subtree: true,
+            }
+        );
+
+        new MutationObserver((records) => records.forEach(applyAttributeMutation)).observe(
+            document,
+            {
+                attributes: true,
+                subtree: true,
+            }
+        );
 
         UIkit._initialized = true;
     });
 
-    function applyChildListMutation({addedNodes, removedNodes}) {
-        for (let i = 0; i < addedNodes.length; i++) {
-            apply(addedNodes[i], connect);
+    function applyChildListMutation({ addedNodes, removedNodes }) {
+        for (const node of addedNodes) {
+            apply(node, connect);
         }
 
-        for (let i = 0; i < removedNodes.length; i++) {
-            apply(removedNodes[i], disconnect);
+        for (const node of removedNodes) {
+            apply(node, disconnect);
         }
     }
 
-    function applyAttributeMutation({target, attributeName}) {
-
+    function applyAttributeMutation({ target, attributeName }) {
         const name = getComponentName(attributeName);
 
         if (!name || !(name in UIkit)) {
@@ -55,12 +54,6 @@ export default function (UIkit) {
             return;
         }
 
-        const component = UIkit.getComponent(target, name);
-
-        if (component) {
-            component.$destroy();
-        }
-
+        UIkit.getComponent(target, name)?.$destroy();
     }
-
 }

package/src/js/api/component.js

@@ -1,37 +1,33 @@
-import {$$, assign, camelize, fastdom, hyphenate, isPlainObject, memoize, startsWith} from 'uikit-util';
+import { $$, camelize, fastdom, hyphenate, isPlainObject, memoize, startsWith } from 'uikit-util';
 
 export default function (UIkit) {
-
     const DATA = UIkit.data;
 
     const components = {};
 
     UIkit.component = function (name, options) {
-
         const id = hyphenate(name);
 
         name = camelize(id);
 
         if (!options) {
-
             if (isPlainObject(components[name])) {
                 components[name] = UIkit.extend(components[name]);
             }
 
             return components[name];
-
         }
 
         UIkit[name] = function (element, data) {
-
             const component = UIkit.component(name);
 
             return component.options.functional
-                ? new component({data: isPlainObject(element) ? element : [...arguments]})
-                : !element ? init(element) : $$(element).map(init)[0];
+                ? new component({ data: isPlainObject(element) ? element : [...arguments] })
+                : element
+                ? $$(element).map(init)[0]
+                : init();
 
             function init(element) {
-
                 const instance = UIkit.getComponent(element, name);
 
                 if (instance) {
@@ -42,59 +38,50 @@ export default function (UIkit) {
                     }
                 }
 
-                return new component({el: element, data});
-
+                return new component({ el: element, data });
             }
-
         };
 
-        const opt = isPlainObject(options) ? assign({}, options) : options.options;
+        const opt = isPlainObject(options) ? { ...options } : options.options;
 
         opt.name = name;
 
-        if (opt.install) {
-            opt.install(UIkit, opt, name);
-        }
+        opt.install?.(UIkit, opt, name);
 
         if (UIkit._initialized && !opt.functional) {
             fastdom.read(() => UIkit[name](`[uk-${id}],[data-uk-${id}]`));
         }
 
-        return components[name] = isPlainObject(options) ? opt : options;
+        return (components[name] = isPlainObject(options) ? opt : options);
     };
 
-    UIkit.getComponents = element => element && element[DATA] || {};
+    UIkit.getComponents = (element) => element?.[DATA] || {};
     UIkit.getComponent = (element, name) => UIkit.getComponents(element)[name];
 
-    UIkit.connect = node => {
-
+    UIkit.connect = (node) => {
         if (node[DATA]) {
             for (const name in node[DATA]) {
                 node[DATA][name]._callConnected();
             }
         }
 
-        for (let i = 0; i < node.attributes.length; i++) {
-
-            const name = getComponentName(node.attributes[i].name);
+        for (const attribute of node.attributes) {
+            const name = getComponentName(attribute.name);
 
             if (name && name in components) {
                 UIkit[name](node);
             }
-
         }
-
     };
 
-    UIkit.disconnect = node => {
+    UIkit.disconnect = (node) => {
         for (const name in node[DATA]) {
             node[DATA][name]._callDisconnected();
         }
     };
-
 }
 
-export const getComponentName = memoize(attribute => {
+export const getComponentName = memoize((attribute) => {
     return startsWith(attribute, 'uk-') || startsWith(attribute, 'data-uk-')
         ? camelize(attribute.replace('data-uk-', '').replace('uk-', ''))
         : false;

package/src/js/api/global.js

@@ -1,11 +1,9 @@
-import {$, apply, isString, mergeOptions, parents, toNode} from 'uikit-util';
+import { $, apply, isString, mergeOptions, parents, toNode } from 'uikit-util';
 
 export default function (UIkit) {
-
     const DATA = UIkit.data;
 
     UIkit.use = function (plugin) {
-
         if (plugin.installed) {
             return;
         }
@@ -22,7 +20,6 @@ export default function (UIkit) {
     };
 
     UIkit.extend = function (options) {
-
         options = options || {};
 
         const Super = this;
@@ -41,29 +38,27 @@ export default function (UIkit) {
     };
 
     UIkit.update = function (element, e) {
-
         element = element ? toNode(element) : document.body;
 
-        parents(element).reverse().forEach(element => update(element[DATA], e));
-        apply(element, element => update(element[DATA], e));
+        for (const parentEl of parents(element).reverse()) {
+            update(parentEl[DATA], e);
+        }
 
+        apply(element, (element) => update(element[DATA], e));
     };
 
     let container;
     Object.defineProperty(UIkit, 'container', {
-
         get() {
             return container || document.body;
         },
 
         set(element) {
             container = $(element);
-        }
-
+        },
     });
 
     function update(data, e) {
-
         if (!data) {
             return;
         }
@@ -73,6 +68,5 @@ export default function (UIkit) {
                 data[name]._callUpdate(e);
             }
         }
-
     }
 }

package/src/js/api/hooks.js

@@ -1,18 +1,11 @@
-import {assign, fastdom, hasOwn, isEqual, isPlainObject} from 'uikit-util';
+import { assign, fastdom, hasOwn, isEqual, isPlainObject } from 'uikit-util';
 
 export default function (UIkit) {
-
     UIkit.prototype._callHook = function (hook) {
-
-        const handlers = this.$options[hook];
-
-        if (handlers) {
-            handlers.forEach(handler => handler.call(this));
-        }
+        this.$options[hook]?.forEach((handler) => handler.call(this));
     };
 
     UIkit.prototype._callConnected = function () {
-
         if (this._connected) {
             return;
         }
@@ -33,7 +26,6 @@ export default function (UIkit) {
     };
 
     UIkit.prototype._callDisconnected = function () {
-
         if (!this._connected) {
             return;
         }
@@ -45,11 +37,9 @@ export default function (UIkit) {
 
         this._connected = false;
         delete this._watch;
-
     };
 
     UIkit.prototype._callUpdate = function (e = 'update') {
-
         if (!this._connected) {
             return;
         }
@@ -76,7 +66,6 @@ export default function (UIkit) {
     };
 
     UIkit.prototype._callWatches = function () {
-
         if (this._watch) {
             return;
         }
@@ -88,25 +77,17 @@ export default function (UIkit) {
                 runWatches.call(this, initial);
             }
             this._watch = null;
-
         });
-
     };
 
     function runUpdates(types) {
-
-        const updates = this.$options.update;
-
-        for (let i = 0; i < updates.length; i++) {
-            const {read, write, events} = updates[i];
-
-            if (!types.has('update') && (!events || !events.some(type => types.has(type)))) {
+        for (const { read, write, events } of this.$options.update) {
+            if (!types.has('update') && (!events || !events.some((type) => types.has(type)))) {
                 continue;
             }
 
             let result;
             if (read) {
-
                 result = read.call(this, this._data, types);
 
                 if (result && isPlainObject(result)) {
@@ -117,25 +98,25 @@ export default function (UIkit) {
             if (write && result !== false) {
                 fastdom.write(() => write.call(this, this._data, types));
             }
-
         }
     }
 
     function runWatches(initial) {
-
-        const {$options: {computed}} = this;
-        const values = assign({}, this._computeds);
+        const {
+            $options: { computed },
+        } = this;
+        const values = { ...this._computeds };
         this._computeds = {};
 
         for (const key in computed) {
-            const {watch, immediate} = computed[key];
-            if (watch && (
-                initial && immediate
-                || hasOwn(values, key) && !isEqual(values[key], this[key])
-            )) {
+            const { watch, immediate } = computed[key];
+            if (
+                watch &&
+                ((initial && immediate) ||
+                    (hasOwn(values, key) && !isEqual(values[key], this[key])))
+            ) {
                 watch.call(this, this[key], values[key]);
             }
         }
-
     }
 }

package/src/js/api/instance.js

@@ -1,7 +1,6 @@
-import {hyphenate, isEmpty, memoize, remove, within} from 'uikit-util';
+import { hyphenate, isEmpty, memoize, remove, within } from 'uikit-util';
 
 export default function (UIkit) {
-
     const DATA = UIkit.data;
 
     UIkit.prototype.$create = function (component, element, data) {
@@ -9,8 +8,7 @@ export default function (UIkit) {
     };
 
     UIkit.prototype.$mount = function (el) {
-
-        const {name} = this.$options;
+        const { name } = this.$options;
 
         if (!el[DATA]) {
             el[DATA] = {};
@@ -35,8 +33,7 @@ export default function (UIkit) {
     };
 
     UIkit.prototype.$destroy = function (removeEl = false) {
-
-        const {el, name} = this.$options;
+        const { el, name } = this.$options;
 
         if (el) {
             this._callDisconnected();
@@ -44,7 +41,7 @@ export default function (UIkit) {
 
         this._callHook('destroy');
 
-        if (!el || !el[DATA]) {
+        if (!el?.[DATA]) {
             return;
         }
 
@@ -69,19 +66,14 @@ export default function (UIkit) {
 
     UIkit.prototype.$getComponent = UIkit.getComponent;
 
-    const componentName = memoize(name => UIkit.prefix + hyphenate(name));
+    const componentName = memoize((name) => UIkit.prefix + hyphenate(name));
     Object.defineProperties(UIkit.prototype, {
-
         $container: Object.getOwnPropertyDescriptor(UIkit, 'container'),
 
         $name: {
-
             get() {
                 return componentName(this.$options.name);
-            }
-
-        }
-
+            },
+        },
     });
-
 }