add work with mods feature

Author: bars3s

README.md

@@ -1,6 +1,6 @@
 (function ($) {
 
-    var W = $.Widget;
+    var W = jQuery.Widget;
 
     /**
      * Shortcut for $.proxy(func,this)
@@ -22,7 +22,7 @@
         return this;
     };
 
-    if (typeof W.prototype['_delay'] == 'undefined') {
+    if (typeof W.prototype['_delay'] === 'undefined') {
         /**
          * Shortcut for setTimeout($.proxy(func,this), delay || 0)
          * @param {Function} func
@@ -47,40 +47,194 @@
         return buildModClass(buildElemClass(prefix, elemName), modName, modValue);
     };
 
+    var BEM_NAME_REGEXP = '[a-z0-9\-]+';
+
+    function getElemNameFromNode(prefix, ctx) {
+        var classList,
+            classIndex,
+            searchData,
+            searchRegExp;
+
+        searchRegExp = new RegExp('^' + prefix + '__(' + BEM_NAME_REGEXP + ')$', 'i');
+        classList = ctx.first().attr('class').split(' ');
+        for (classIndex = 0; classIndex < classList.length; classIndex++) {
+            searchData = $.trim(classList[classIndex]).match(searchRegExp);
+            if (searchData) {
+                return searchData[1];
+            }
+        }
+        return false;
+    }
+
+    function getModList(ctx, prefix) {
+        var mods = {},
+            classList, classIndex,
+            searchRegExp,
+            searchData;
+
+        searchRegExp = new RegExp('^' + prefix + '_(' + BEM_NAME_REGEXP + ')(?=_(' + BEM_NAME_REGEXP + ')$|$)', 'i');
+        classList = (ctx.attr('class') || '').split(' ');
+        for (classIndex = 0; classIndex < classList.length; classIndex++) {
+            searchData = $.trim(classList[classIndex]).match(searchRegExp);
+            if (searchData) {
+                mods[searchData[1]] = searchData[2] || null;
+            }
+        }
+
+        return mods;
+    }
+
     /**
      * Find "element" of "block" in "context"
-     * @param {String} elemName
+     * @param {string} elemName
      * @param {jQuery} [ctx]
+     * @param {string} [modName]
+     * @param {string} [modValue]
      * @return {jQuery}
      */
-    W.prototype._elem = function (ctx, elemName) {
-        if (typeof elemName == 'undefined') {
+    W.prototype._elem = function (ctx, elemName, modName, modValue) {
+        var searchClass;
+
+        if (typeof ctx === 'string') {
+            modValue = modName;
+            modName = elemName;
             elemName = ctx;
             ctx = this.element;
         }
 
-        return ctx.find('.' + buildElemClass(this.widgetName, elemName));
+        searchClass = buildElemClass(this.widgetName, elemName);
+        if (modName) {
+            searchClass = buildModClass(searchClass, modName, modValue);
+        }
+
+        return ctx.find('.' + searchClass);
     };
 
     /**
      * Get class for block modName with modValue
-     * @param {String} modName
-     * @param {String} [modValue]
-     * @return {String}
+     * @param {string} modName
+     * @param {string} [modValue]
+     * @return {string}
      */
     W.prototype._getModClass = function (modName, modValue) {
         return buildModClass(this.widgetName, modName, modValue);
     };
 
     /**
      * Get class for block element modName with modValue
-     * @param {String} elemName
-     * @param {String} modName
-     * @param {String} [modValue]
-     * @return {String}
+     * @param {string} elemName
+     * @param {string} modName
+     * @param {string} [modValue]
+     * @return {string}
      */
     W.prototype._getModElemClass = function (elemName, modName, modValue) {
         return buildModElemClass(this.widgetName, elemName, modName, modValue);
-    }
+    };
+
+    /**
+     * Set mod value class to block or element
+     * @param {string} modName
+     * @param {jQuery} [elem]
+     * @param {string} [modValue]
+     * @return {jQuery.Widget}
+     */
+    W.prototype._setMod = function (elem, modName, modValue) {
+        var prefix, elemName;
+
+        if (typeof elem === 'string') {
+            modValue = modName;
+            modName = elem;
+            elem = this.element;
+            prefix = this.widgetName;
+            this._delMod(modName);
+        } else {
+            elemName = getElemNameFromNode(this.widgetName, elem);
+            if (!elemName) {
+                throw "Can't find elem of " + this.widgetName + " at " + elem;
+            }
+            prefix = buildElemClass(this.widgetName, elemName);
+            this._delMod(elem, modName);
+        }
+
+        elem.addClass(buildModClass(prefix, modName, modValue));
+        return this;
+    };
+
+    /**
+     * Remove mod value class from block or element
+     * @param {string} modName
+     * @param {jQuery} [elem]
+     * @param {string} [modValue]
+     * @return {jQuery.Widget}
+     */
+    W.prototype._delMod = function (elem, modName) {
+        var prefix,
+            elemName,
+            mods,
+            classToRemove;
+
+        if (typeof elem === 'string') {
+            modName = elem;
+            elem = this.element;
+            prefix = this.widgetName;
+        } else {
+            elemName = getElemNameFromNode(this.widgetName, elem);
+            if (!elemName) {
+                throw "Can't find elem of " + this.widgetName + " at " + elem;
+            }
+            prefix = buildElemClass(this.widgetName, elemName);
+        }
+
+        mods = getModList(elem, prefix);
+        classToRemove = buildModClass(prefix, modName, mods[modName]);
+        elem.removeClass(classToRemove);
+
+        return this;
+    };
+
+    /**
+     * Check value mod class at block or element
+     * @param {string} modName
+     * @param {jQuery} [elem]
+     * @param {string} [modValue]
+     * @return {boolean}
+     */
+    W.prototype._hasMod = function (elem, modName, modValue) {
+        if (typeof elem === 'string') {
+            modValue = modName;
+            modName = elem;
+            elem = this.element;
+        }
+
+        if (typeof modValue === 'undefined') {
+            modValue = null;
+        }
+
+        return this._getMod(elem, modName) === modValue;
+    };
+
+    /**
+     * Get mod value of block or element
+     * @param {string}modName
+     * @param {jQuery} [elem]
+     * @return {string}
+     */
+    W.prototype._getMod = function (elem, modName) {
+        var prefix, elemName;
+
+        if (typeof elem === 'string') {
+            modName = elem;
+            elem = this.element;
+            prefix = this.widgetName;
+        } else {
+            elemName = getElemNameFromNode(this.widgetName, elem);
+            if (!elemName) {
+                throw "Can't find elem of " + this.widgetName + " at " + elem;
+            }
+            prefix = buildElemClass(this.widgetName, elemName);
+        }
+
+        return getModList(elem, prefix)[modName];
+    };
 
 })(jQuery);