romo 0.20.10 → 0.20.11

data/assets/js/romo/selected_options_list.js

@@ -65,7 +65,11 @@ RomoSelectedOptionsList.prototype.doRefreshUI = function() {
     var itemBorderWidth = 1;
     var itemLeftPad     = parseInt(Romo.css(addElem, "padding-left"), 10);
     var itemRightPad    = parseInt(Romo.css(addElem, "padding-right"), 10);
-    Romo.setStyle(Romo.find(addElem, 'DIV')[0], 'max-width', String(listWidth-listLeftPad-listRightPad-(2*itemBorderWidth)-itemLeftPad-itemRightPad)+'px');
+    Romo.setStyle(
+      Romo.find(addElem, 'DIV')[0],
+      'max-width',
+      String(listWidth-listLeftPad-listRightPad-(2*itemBorderWidth)-itemLeftPad-itemRightPad)+'px'
+    );
   }, this));
 
   var focusElemWidth = Romo.width(this.focusElem);
@@ -82,7 +86,14 @@ RomoSelectedOptionsList.prototype.doRefreshUI = function() {
     var listBottomPad    = parseInt(Romo.css(uiListElem, "padding-bottom"), 10);
 
     var maxRows   = Romo.data(this.focusElem, 'romo-selected-options-list-max-rows') || 0;
-    var maxHeight = listTopPad+(itemHeight*maxRows)+(itemMarginBottom*(maxRows-1))+(2*itemBorderWidth*maxRows)+listBottomPad+(itemHeight/2);
+    var maxHeight = (
+      listTopPad+
+      (itemHeight*maxRows)+
+      (itemMarginBottom*(maxRows-1))+
+      (2*itemBorderWidth*maxRows)+
+      listBottomPad+
+      (itemHeight/2)
+    );
   }
   if (maxRows !== 0 && (uiListElemHeight > maxHeight)) {
     Romo.setStyle(this.elem, 'height',     String(maxHeight)+'px');
@@ -100,7 +111,11 @@ RomoSelectedOptionsList.prototype.doRefreshUI = function() {
 // private
 
 RomoSelectedOptionsList.prototype._bindElem = function() {
-  this.elem = Romo.elems('<div class="romo-selected-options-list"><div class="romo-selected-options-list-items"></div></div>')[0];
+  this.elem = Romo.elems(
+    '<div class="romo-selected-options-list">'+
+      '<div class="romo-selected-options-list-items"></div>'+
+    '</div>'
+  )[0];
 
   Romo.on(this.elem, 'click', Romo.proxy(function(e) {
     Romo.trigger(this.elem, 'romoSelectedOptionsList:listClick', [this]);
@@ -112,8 +127,20 @@ RomoSelectedOptionsList.prototype._bindElem = function() {
 
 RomoSelectedOptionsList.prototype._buildItemElem = function(item) {
   var itemClass = Romo.data(this.focusElem, 'romo-selected-options-list-item-class') || '';
-  var itemElem  = Romo.elems('<div class="romo-selected-options-list-item romo-pointer romo-pad0-left romo-pad0-right romo-push0-right romo-push0-bottom '+itemClass+'"></div>')[0];
-  Romo.append(itemElem, Romo.elems('<div class="romo-crop-ellipsis romo-text-strikethrough-hover">'+(item.displayText || '')+'</div>')[0]);
+  var itemElem  = Romo.elems(
+    '<div class="romo-selected-options-list-item romo-pointer '+
+                'romo-pad0-left romo-pad0-right romo-push0-right romo-push0-bottom '+
+                itemClass+'">'+
+    '</div>'
+  )[0];
+  Romo.append(
+    itemElem,
+    Romo.elems(
+      '<div class="romo-crop-ellipsis romo-text-strikethrough-hover">'+
+        (item.displayText || '')+
+      '</div>'
+    )[0]
+  );
   Romo.setData(itemElem, 'romo-selected-options-list-value', (item.value || ''));
   Romo.on(itemElem, 'click', Romo.proxy(this._onItemClick, this));
 

data/assets/js/romo/tooltip.js

@@ -158,8 +158,22 @@ RomoTooltip.prototype._bindElem = function() {
 }
 
 RomoTooltip.prototype._bindPopup = function() {
-  this.popupElem = Romo.elems('<div class="romo-tooltip-popup"><div class="romo-tooltip-arrow"></div><div class="romo-tooltip-body"></div></div>')[0];
-  var popupParentElem = Romo.closest(this.elem, Romo.data(this.elem, 'romo-tooltip-append-to-closest') || 'body');
+  this.popupElem = Romo.elems(
+    '<div class="romo-tooltip-popup">' +
+      '<div class="romo-tooltip-arrow"></div>' +
+      '<div class="romo-tooltip-body"></div>' +
+    '</div>'
+  )[0];
+
+  var popupParentElem;
+  var appendToClosestSel = Romo.data(this.elem, 'romo-tooltip-append-to-closest');
+  if (appendToClosestSel !== undefined) {
+    popupParentElem = Romo.closest(this.elem, appendToClosestSel);
+  } else {
+    popupParentElem = Romo.f(
+      Romo.data(this.elem, 'romo-tooltip-append-to') || 'BODY'
+    )[0];
+  }
   Romo.append(popupParentElem, this.popupElem);
 
   this.bodyElem = Romo.children(this.popupElem, '.romo-tooltip-body')[0];

data/assets/js/romo/word_boundary_filter.js

@@ -1,14 +1,14 @@
-var RomoWordBoundaryFilter = function(filterString, setElems, getElemTextContentCallback) {
+var RomoWordBoundaryFilter = function(filterString, setItems, getItemTextContentCallback) {
   this.boundaryCharsRegex = /[\s-_]+/;
-  this.matchingElems      = [];
-  this.notMatchingElems   = [];
+  this.matchingItems      = [];
+  this.notMatchingItems   = [];
   this.filters            = filterString
                               .trim()
                               .toLowerCase()
                               .split(this.boundaryCharsRegex);
 
-  Romo.array(setElems).forEach(Romo.proxy(function(elem) {
-    var contentStack = getElemTextContentCallback(elem)
+  Romo.array(setItems).forEach(Romo.proxy(function(item) {
+    var contentStack = getItemTextContentCallback(item)
                          .trim()
                          .toLowerCase()
                          .split(this.boundaryCharsRegex).reverse();
@@ -33,9 +33,13 @@ var RomoWordBoundaryFilter = function(filterString, setElems, getElemTextContent
     }, this), true);
 
     if (match === true) {
-      this.matchingElems.push(elem);
+      this.matchingItems.push(item);
     } else {
-      this.notMatchingElems.push(elem);
+      this.notMatchingItems.push(item);
     }
   }, this));
+
+  // TODO: backwards compatible, remove later on
+  this.matchingElems    = this.matchingItems;
+  this.notMatchingElems = this.notMatchingItems;
 }

data/lib/romo/dassets.rb

@@ -38,6 +38,7 @@ module Romo::Dassets
         'css/romo/indicator_text_input.css',
         'css/romo/select.css',
         'css/romo/picker.css',
+        'css/romo/color_select.css',
         'css/romo/datepicker.css',
         'css/romo/tooltip.css',
         'css/romo/sortable.css',
@@ -61,6 +62,7 @@ module Romo::Dassets
         'js/romo/select_dropdown.js',
         'js/romo/select.js',
         'js/romo/picker.js',
+        'js/romo/color_select.js',
         'js/romo/datepicker.js',
         'js/romo/inline.js',
         'js/romo/inline_form.js',

data/lib/romo/version.rb

@@ -1,3 +1,3 @@
 module Romo
-  VERSION = "0.20.10"
+  VERSION = "0.20.11"
 end

data/test/unit/dassets_tests.rb

@@ -44,6 +44,7 @@ module Romo::Dassets
         'css/romo/indicator_text_input.css',
         'css/romo/select.css',
         'css/romo/picker.css',
+        'css/romo/color_select.css',
         'css/romo/datepicker.css',
         'css/romo/tooltip.css',
         'css/romo/sortable.css',
@@ -69,6 +70,7 @@ module Romo::Dassets
         'js/romo/select_dropdown.js',
         'js/romo/select.js',
         'js/romo/picker.js',
+        'js/romo/color_select.js',
         'js/romo/datepicker.js',
         'js/romo/inline.js',
         'js/romo/inline_form.js',

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification 
 name: romo
 version: !ruby/object:Gem::Version 
-  version: 0.20.10
+  version: 0.20.11
 platform: ruby
 authors: 
 - Kelly Redding
@@ -10,7 +10,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2018-01-18 00:00:00 Z
+date: 2018-03-09 00:00:00 Z
 dependencies: 
 - !ruby/object:Gem::Dependency 
   name: assert
@@ -61,6 +61,7 @@ files:
 - assets/css/romo/_vars.scss
 - assets/css/romo/base.scss
 - assets/css/romo/buttons.scss
+- assets/css/romo/color_select.scss
 - assets/css/romo/colors.scss
 - assets/css/romo/datepicker.scss
 - assets/css/romo/dropdown.scss
@@ -81,6 +82,7 @@ files:
 - assets/css/romo/z_index.scss
 - assets/js/romo/ajax.js
 - assets/js/romo/base.js
+- assets/js/romo/color_select.js
 - assets/js/romo/currency.js
 - assets/js/romo/currency_text_input.js
 - assets/js/romo/date.js