uikit 3.15.7-dev.3ec9925a1 → 3.15.7-dev.70998e579

package/package.json

@@ -2,7 +2,7 @@
     "name": "uikit",
     "title": "UIkit",
     "description": "UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.",
-    "version": "3.15.7-dev.3ec9925a1",
+    "version": "3.15.7-dev.70998e579",
     "main": "dist/js/uikit.js",
     "style": "dist/css/uikit.css",
     "sideEffects": [

package/src/js/api/component.js

@@ -44,7 +44,6 @@ export default function (UIkit) {
 
         const opt = isPlainObject(options) ? { ...options } : options.options;
 
-        opt.id = id;
         opt.name = name;
 
         opt.install?.(UIkit, opt, name);

package/src/js/api/instance.js

@@ -1,4 +1,4 @@
-import { isEmpty, remove, within } from 'uikit-util';
+import { hyphenate, isEmpty, memoize, remove, within } from 'uikit-util';
 
 export default function (UIkit) {
     const DATA = UIkit.data;
@@ -66,9 +66,14 @@ export default function (UIkit) {
 
     UIkit.prototype.$getComponent = UIkit.getComponent;
 
-    Object.defineProperty(
-        UIkit.prototype,
-        '$container',
-        Object.getOwnPropertyDescriptor(UIkit, 'container')
-    );
+    const componentName = memoize((name) => UIkit.prefix + hyphenate(name));
+    Object.defineProperties(UIkit.prototype, {
+        $container: Object.getOwnPropertyDescriptor(UIkit, 'container'),
+
+        $name: {
+            get() {
+                return componentName(this.$options.name);
+            },
+        },
+    });
 }

package/src/js/api/state.js

@@ -73,7 +73,7 @@ export default function (UIkit) {
     UIkit.prototype._initProps = function (props) {
         let key;
 
-        props = props || getProps(this.$options);
+        props = props || getProps(this.$options, this.$name);
 
         for (key in props) {
             if (!isUndefined(props[key])) {
@@ -124,9 +124,9 @@ export default function (UIkit) {
     };
 }
 
-function getProps(opts) {
+function getProps(opts, name) {
     const data = {};
-    const { args = [], props = {}, el, id } = opts;
+    const { args = [], props = {}, el } = opts;
 
     if (!props) {
         return data;
@@ -149,7 +149,7 @@ function getProps(opts) {
         data[key] = value;
     }
 
-    const options = parseOptions(getData(el, id), args);
+    const options = parseOptions(getData(el, name), args);
 
     for (const key in options) {
         const prop = camelize(key);
@@ -277,24 +277,24 @@ function initChildListObserver(component) {
 }
 
 function initPropsObserver(component) {
-    const { $options, $props } = component;
-    const { id, attrs, props, el } = $options;
+    const { $name, $options, $props } = component;
+    const { attrs, props, el } = $options;
 
     if (!props || attrs === false) {
         return;
     }
 
     const attributes = isArray(attrs) ? attrs : Object.keys(props);
-    const filter = attributes.map((key) => hyphenate(key)).concat(id);
+    const filter = attributes.map((key) => hyphenate(key)).concat($name);
 
     const observer = new MutationObserver((records) => {
-        const data = getProps($options);
+        const data = getProps($options, $name);
         if (
             records.some(({ attributeName }) => {
                 const prop = attributeName.replace('data-', '');
-                return (prop === id ? attributes : [camelize(prop), camelize(attributeName)]).some(
-                    (prop) => !isUndefined(data[prop]) && data[prop] !== $props[prop]
-                );
+                return (
+                    prop === $name ? attributes : [camelize(prop), camelize(attributeName)]
+                ).some((prop) => !isUndefined(data[prop]) && data[prop] !== $props[prop]);
             })
         ) {
             component.$reset();

package/src/js/components/tooltip.js

@@ -59,12 +59,13 @@ export default {
 
             this._unbind = once(
                 document,
-                `keydown ${pointerDown}`,
+                `show keydown ${pointerDown}`,
                 this.hide,
                 false,
                 (e) =>
                     (e.type === pointerDown && !within(e.target, this.$el)) ||
-                    (e.type === 'keydown' && e.keyCode === 27)
+                    (e.type === 'keydown' && e.keyCode === 27) ||
+                    (e.type === 'show' && e.detail[0] !== this && e.detail[0].$name === this.$name)
             );
 
             clearTimeout(this.showTimer);

package/src/js/core/icon.js

@@ -99,7 +99,7 @@ export const IconComponent = {
     }),
 
     beforeConnect() {
-        addClass(this.$el, this.$options.id);
+        addClass(this.$el, this.$name);
     },
 };
 

package/src/js/mixin/class.js

@@ -1,7 +1,7 @@
-import { addClass } from 'uikit-util';
+import { addClass, hasClass } from 'uikit-util';
 
 export default {
     connected() {
-        addClass(this.$el, this.$options.id);
+        !hasClass(this.$el, this.$name) && addClass(this.$el, this.$name);
     },
 };