romo 0.20.0 → 0.20.1

checksums.yaml

@@ -1,7 +1,7 @@
 --- 
-SHA1: 
-  metadata.gz: f26940a49cc868326a0fdd6d5d995250d6a48e06
-  data.tar.gz: 35b274e5aecc37282b95a6a400e4cac0ad1685e3
 SHA512: 
-  metadata.gz: d5409e3fca1c02e626c6415c083bc5f27e5c0579fbb07639fdd38d6c3cca7abf3127108ca60b6f6f2c55c8687015974d24f1720c0db306053e2b17c8f0890e76
-  data.tar.gz: fcfa1a63a2148aff2d008398070318139e7ec1ffc35349e735367524ab3cd2e1311d51752f966d560012ca7f583d2a2dd3b43e464f07e0596ac4efcc924434bd
+  metadata.gz: a6fd9a5bcbadfca0e0ecacfcee10ccc0e2be2417ec86612a3c17b119de68819683229f6eb84fa9342eaa801c2a8e09f00f3030bb455b3f9fd0ca22651c7a4be9
+  data.tar.gz: 042f45707374689346fc7ef9ff25aeef724c2e5b35923942bb7da3c9215274bb8e3493d700a33ed8b2a995d8daccfee10f0664a119025e30f48204f83b0883bc
+SHA1: 
+  metadata.gz: d706f352079822fd3b5029ff291113174f13fbd3
+  data.tar.gz: bfb7ba99253ced27d7e8762d34e937c574f4a8cd

data/assets/css/romo/colors.scss

@@ -13,9 +13,10 @@
   .romo-text-alt-hover:hover,   a.romo-text-alt:hover,   a.romo-text-alt:focus   { @include text-alt-hover(!important);   }
   .romo-text-muted-hover:hover, a.romo-text-muted:hover, a.romo-text-muted:focus { @include text-muted-hover(!important); }
 
-  .romo-bg-base  { @include bg-base(!important);  }
-  .romo-bg-alt   { @include bg-alt(!important);   }
-  .romo-bg-muted { @include bg-muted(!important); }
+  .romo-bg-base    { @include bg-base(!important);    }
+  .romo-bg-alt     { @include bg-alt(!important);     }
+  .romo-bg-muted   { @include bg-muted(!important);   }
+  .romo-bg-striped { @include bg-striped(!important); }
 
   .romo-bg-base-hover:hover,  a.romo-bg-base:hover,  a.romo-bg-base:focus  { @include bg-base-hover(!important);  }
   .romo-bg-alt-hover:hover,   a.romo-bg-alt:hover,   a.romo-bg-alt:focus   { @include bg-alt-hover(!important);   }

data/assets/js/romo/base.js

@@ -242,6 +242,14 @@ Romo.prototype.hide = function(elems) {
   });
 }
 
+Romo.prototype.height = function(elem) {
+  return elem.getBoundingClientRect().height;
+}
+
+Romo.prototype.width = function(elem) {
+  return elem.getBoundingClientRect().width;
+}
+
 Romo.prototype.offset = function(elem) {
   var elemRect = elem.getBoundingClientRect();
   var bodyRect = document.body.getBoundingClientRect();
@@ -309,7 +317,7 @@ Romo.prototype.parseElemZIndex = function(elem) {
 // elems init
 
 Romo.prototype.elems = function(htmlString) {
-  var context = document.implementation.createHTMLDocument();
+  var context = document.implementation.createHTMLDocument('');
 
   // Set the base href for the created document so any parsed
   // elements with URLs are based on the document's URL
@@ -1066,7 +1074,7 @@ RomoParentChildElems.prototype.doInit = function(parentElem, childElems) {
   var parentRemovedObserver = new MutationObserver(Romo.proxy(function(mutationRecords) {
     mutationRecords.forEach(Romo.proxy(function(mutationRecord) {
       if (mutationRecord.type === 'childList' && mutationRecord.removedNodes.length > 0) {
-        mutationRecord.removedNodes.forEach(Romo.proxy(function(removedNode) {
+        Romo.array(mutationRecord.removedNodes).forEach(Romo.proxy(function(removedNode) {
           this.remove(removedNode);
         }, this));
       }

data/assets/js/romo/datepicker.js

@@ -100,7 +100,7 @@ RomoDatepicker.prototype._bindDropdown = function() {
   if (Romo.data(this.elem, 'romo-dropdown-width') === undefined) {
     Romo.setData(this.elem, 'romo-dropdown-width', 'elem');
   }
-  if (parseInt(Romo.css(this.elem, 'width'), 10) < 175) {
+  if (Romo.width(this.elem) < 175) {
     Romo.setData(this.elem, 'romo-dropdown-width', '175px');
   }
   this.romoDropdown = new RomoDropdown(this.elem);

data/assets/js/romo/dropdown.js

@@ -64,11 +64,10 @@ RomoDropdown.prototype.doPlacePopupElem = function() {
     Romo.setStyle(this.contentElem, 'max-height', contentMaxHeight.toString() + 'px');
   }
 
-  var elemRect   = this.elem.getBoundingClientRect();
   var elemOffset = Romo.offset(this.elem);
 
-  var elemHeight = elemRect.height;
-  var elemWidth  = elemRect.width;
+  var elemHeight = Romo.height(this.elem);
+  var elemWidth  = Romo.width(this.elem);
   var elemTop    = elemOffset.top;
   var elemLeft   = elemOffset.left
 
@@ -158,9 +157,7 @@ RomoDropdown.prototype._bindPopup = function() {
   );
   Romo.append(popupParentElem, this.popupElem);
 
-  this.bodyElem = Romo.children(this.popupElem).find(Romo.proxy(function(childElem) {
-    return Romo.is(childElem, '.romo-dropdown-body');
-  }, this));
+  this.bodyElem = Romo.children(this.popupElem, '.romo-dropdown-body')[0];
   if (Romo.data(this.elem, 'romo-dropdown-style-class') !== undefined) {
     Romo.addClass(this.bodyElem, Romo.data(this.elem, 'romo-dropdown-style-class'));
   }
@@ -227,7 +224,7 @@ RomoDropdown.prototype._bindBody = function() {
   }
 
   if (Romo.data(this.elem, 'romo-dropdown-width') === 'elem') {
-    Romo.setStyle(this.popupElem, 'width', Romo.css(this.elem, 'width'));
+    Romo.setStyle(this.popupElem, 'width', Romo.width(this.elem)+'px');
   } else {
     Romo.setStyle(this.contentElem, 'min-width', Romo.data(this.elem, 'romo-dropdown-min-width'));
     Romo.setStyle(this.contentElem, 'max-width', Romo.data(this.elem, 'romo-dropdown-max-width'));

data/assets/js/romo/indicator_text_input.js

@@ -88,7 +88,7 @@ RomoIndicatorTextInput.prototype._bindElem = function() {
 
 RomoIndicatorTextInput.prototype._placeIndicatorElem = function() {
   if (this.indicatorElem !== undefined) {
-    Romo.setStyle(this.indicatorElem, 'line-height', Romo.css(this.elem, 'height'));
+    Romo.setStyle(this.indicatorElem, 'line-height', Romo.height(this.elem)+'px');
     if (this.elem.disabled === true) {
       Romo.addClass(this.indicatorElem, 'disabled');
     }
@@ -121,7 +121,7 @@ RomoIndicatorTextInput.prototype._getIndicatorPaddingPx = function() {
 RomoIndicatorTextInput.prototype._getIndicatorWidthPx = function() {
   return (
     Romo.data(this.elem, 'romo-indicator-text-input-indicator-width-px') ||
-    parseInt(Romo.css(this.indicatorElem, "width"), 10)
+    Romo.width(this.indicatorElem)
   );
 }
 

data/assets/js/romo/modal.js

@@ -113,9 +113,7 @@ RomoModal.prototype._bindPopup = function() {
   var popupParentElem = Romo.closest(this.elem, Romo.data(this.elem, 'romo-dropdown-append-to-closest') || 'body');
   Romo.append(popupParentElem, this.popupElem)
 
-  this.bodyElem = Romo.children(this.popupElem).find(Romo.proxy(function(childElem){
-    return Romo.is(childElem, '.romo-modal-body');
-  }, this));
+  this.bodyElem = Romo.children(this.popupElem, '.romo-modal-body')[0];
   if (Romo.data(this.elem, 'romo-modal-style-class') !== undefined) {
     Romo.addClass(this.bodyElem, Romo.data(this.elem, 'romo-modal-style-class'));
   }
@@ -230,8 +228,8 @@ RomoModal.prototype._dragStart = function(e) {
 
   Romo.popupStack.closeTo(this.popupElem);
 
-  Romo.setStyle(this.popupElem, 'width',  Romo.css(this.popupElem, 'width'));
-  Romo.setStyle(this.popupElem, 'height', Romo.css(this.popupElem, 'height'));
+  Romo.setStyle(this.popupElem, 'width',  Romo.width(this.popupElem)+'px');
+  Romo.setStyle(this.popupElem, 'height', Romo.height(this.popupElem)+'px');
 
   this._dragDiffX = e.clientX - this.popupElem.offsetLeft;
   this._dragDiffY = e.clientY - this.popupElem.offsetTop;

data/assets/js/romo/option_list_dropdown.js

@@ -164,7 +164,7 @@ RomoOptionListDropdown.prototype._bindElem = function() {
     Romo.trigger(
       this.optionFilterElem,
       'romoIndicatorTextInput:triggerSpinnerStart',
-      [Romo.css(this.optionFilterElem, "height")]
+      [Romo.height(this.optionFilterElem)+'px']
     );
   }, this));
   Romo.on(this.elem, 'romoOptionListDropdown:triggerFilterSpinnerStop', Romo.proxy(function(e) {
@@ -393,7 +393,7 @@ RomoOptionListDropdown.prototype._scrollTopToItem = function(itemElem) {
 
     var scrollOffsetTop = Romo.offset(scrollElem).top;
     var selOffsetTop    = Romo.offset(itemElem).top;
-    var selOffset       = parseInt(Romo.css(itemElem, 'height'), 10) / 2;
+    var selOffset       = Romo.height(itemElem) / 2;
 
     scrollElem.scrollTop = selOffsetTop - scrollOffsetTop - selOffset;
   }
@@ -406,7 +406,7 @@ RomoOptionListDropdown.prototype._scrollBottomToItem = function(itemElem) {
 
     var scrollOffsetTop = Romo.offset(scrollElem).top;
     var selOffsetTop    = Romo.offset(itemElem).top;
-    var selOffset       = scrollElem.offsetHeight - parseInt(Romo.css(itemElem, 'height'), 10);
+    var selOffset       = scrollElem.offsetHeight - Romo.height(itemElem);
 
     scrollElem.scrollTop = selOffsetTop - scrollOffsetTop - selOffset;
   }
@@ -555,7 +555,7 @@ RomoOptionListDropdown.prototype.romoEvFn._onPopupOpenBodyKeyDown = function(e)
 
   var scrollElem   = this.romoDropdown.bodyElem;
   var scrollOffset = Romo.offset(scrollElem);
-  var scrollHeight = parseInt(Romo.css(scrollElem, 'height'), 10);
+  var scrollHeight = Romo.height(scrollElem);
 
   if (e.keyCode === 38 /* Up */) {
     var prevElem = this._prevListItem();
@@ -577,7 +577,7 @@ RomoOptionListDropdown.prototype.romoEvFn._onPopupOpenBodyKeyDown = function(e)
     if(nextElem === undefined){ return false; }
 
     var nextOffset = Romo.offset(nextElem);
-    var nextHeight = parseInt(Romo.css(nextElem, 'height'), 10);
+    var nextHeight = Romo.height(nextElem);
 
     this._highlightItem(nextElem);
 

data/assets/js/romo/picker.js

@@ -218,7 +218,7 @@ RomoPicker.prototype._buildOptionListDropdownElem = function() {
   if (Romo.attr(this.elem, 'style') !== undefined) {
     Romo.setAttr(romoOptionListDropdownElem, 'style', Romo.attr(this.elem, 'style'));
   }
-  Romo.setStyle(romoOptionListDropdownElem, 'width', Romo.css(this.elem, 'width'));
+  Romo.setStyle(romoOptionListDropdownElem, 'width', Romo.width(this.elem)+'px');
   if (Romo.attr(this.elem, 'disabled') !== undefined) {
     Romo.setAttr(this.romoOptionListDropdown.elem, 'disabled', Romo.attr(this.elem, 'disabled'));
   }
@@ -238,7 +238,7 @@ RomoPicker.prototype._buildOptionListDropdownElem = function() {
   var caretClass = Romo.data(this.elem, 'romo-picker-caret') || this.defaultCaretClass;
   if (caretClass !== undefined && caretClass !== 'none') {
     this.caretElem = Romo.elems('<i class="romo-picker-caret '+caretClass+'"></i>')[0];
-    Romo.setStyle(this.caretElem, 'line-height', parseInt(Romo.css(romoOptionListDropdownElem, "line-height"), 10)+'px');
+    Romo.setStyle(this.caretElem, 'line-height', Romo.css(romoOptionListDropdownElem, 'line-height'));
     Romo.on(this.caretElem, 'click', Romo.proxy(this._onCaretClick, this));
     Romo.append(romoOptionListDropdownElem, this.caretElem);
 
@@ -381,7 +381,7 @@ RomoPicker.prototype._getCaretPosition = function() {
 }
 
 RomoPicker.prototype._parseCaretWidthPx = function() {
-  var widthPx = parseInt(Romo.css(this.caretElem, "width"), 10);
+  var widthPx = Romo.width(this.caretElem);
   if (isNaN(widthPx)) {
     widthPx = this.defaultCaretWidthPx;
   }

data/assets/js/romo/select.js

@@ -190,7 +190,7 @@ RomoSelect.prototype._buildSelectDropdownElem = function() {
   if (Romo.attr(this.elem, 'style') !== undefined) {
     Romo.setAttr(romoSelectDropdownElem, 'style', Romo.attr(this.elem, 'style'));
   }
-  Romo.setStyle(romoSelectDropdownElem, 'width', Romo.css(this.elem, 'width'));
+  Romo.setStyle(romoSelectDropdownElem, 'width', Romo.width(this.elem)+'px');
   if (Romo.attr(this.elem, 'disabled') !== undefined) {
     Romo.setAttr(this.romoSelectDropdown.elem, 'disabled', Romo.attr(this.elem, 'disabled'));
   }
@@ -210,7 +210,7 @@ RomoSelect.prototype._buildSelectDropdownElem = function() {
   var caretClass = Romo.data(this.elem, 'romo-select-caret') || this.defaultCaretClass;
   if (caretClass !== undefined && caretClass !== 'none') {
     this.caretElem = Romo.elems('<i class="romo-select-caret '+caretClass+'"></i>')[0];
-    Romo.setStyle(this.caretElem, 'line-height', parseInt(Romo.css(romoSelectDropdownElem, "line-height"), 10)+'px');
+    Romo.setStyle(this.caretElem, 'line-height', Romo.css(romoSelectDropdownElem, 'line-height'));
     Romo.on(this.caretElem, 'click', Romo.proxy(this._onCaretClick, this));
     Romo.append(romoSelectDropdownElem, this.caretElem);
 
@@ -312,7 +312,7 @@ RomoSelect.prototype._getCaretPosition = function() {
 }
 
 RomoSelect.prototype._parseCaretWidthPx = function() {
-  var widthPx = parseInt(Romo.css(this.caretElem, "width"), 10);
+  var widthPx = Romo.width(this.caretElem);
   if (isNaN(widthPx)) {
     widthPx = this.defaultCaretWidthPx;
   }

data/assets/js/romo/selected_options_list.js

@@ -59,7 +59,7 @@ RomoSelectedOptionsList.prototype.doRefreshUI = function() {
     var addElem = this._buildItemElem(addItem);
     uiListElem.append(addElem);
 
-    var listWidth       = parseInt(Romo.css(uiListElem, "width"), 10);
+    var listWidth       = Romo.width(uiListElem);
     var listLeftPad     = parseInt(Romo.css(uiListElem, "padding-left"), 10);
     var listRightPad    = parseInt(Romo.css(uiListElem, "padding-right"), 10);
     var itemBorderWidth = 1;
@@ -68,14 +68,14 @@ RomoSelectedOptionsList.prototype.doRefreshUI = function() {
     Romo.setStyle(Romo.find(addElem, 'DIV')[0], 'max-width', String(listWidth-listLeftPad-listRightPad-(2*itemBorderWidth)-itemLeftPad-itemRightPad)+'px');
   }, this));
 
-  var focusElemWidth = parseInt(Romo.css(this.focusElem, "width"), 10);
+  var focusElemWidth = Romo.width(this.focusElem);
   Romo.setStyle(this.elem, 'width', String(focusElemWidth)+'px');
 
   var maxRows           = undefined;
-  var uiListElemHeight  = parseInt(Romo.css(uiListElem, "height"), 10);
+  var uiListElemHeight  = Romo.height(uiListElem);
   var firstItemElem = Romo.find(uiListElem, '.romo-selected-options-list-item')[0];
   if (firstItemElem !== undefined) {
-    var itemHeight       = parseInt(Romo.css(firstItemElem, "height"), 10);
+    var itemHeight       = Romo.height(firstItemElem);
     var itemMarginBottom = parseInt(Romo.css(firstItemElem, "margin-bottom"), 10);
     var itemBorderWidth  = 1;
     var listTopPad       = parseInt(Romo.css(uiListElem, "padding-top"), 10);
@@ -131,7 +131,7 @@ RomoSelectedOptionsList.prototype._scrollListTopToItem = function(itemElem) {
 
     var scrollOffsetTop = Romo.offset(scrollElem).top;
     var selOffsetTop    = Romo.offset(itemElem).top;
-    var selOffset       = parseInt(Romo.css(itemElem, 'height'), 10) / 2;
+    var selOffset       = Romo.height(itemElem) / 2;
 
     scrollElem.scrollTop = selOffsetTop - scrollOffsetTop - selOffset;
   }

data/assets/js/romo/sortable.js

@@ -130,7 +130,7 @@ RomoSortable.prototype.romoEvFn._onDragStart = function(e) {
   var elems = Romo.children(Romo.parent(this.draggedElem));
   this.draggedIndex = elems.indexOf(this.draggedElem);
 
-  Romo.setStyle(this.placeholderElem, 'height', Romo.css(this.draggedElem, 'height'));
+  Romo.setStyle(this.placeholderElem, 'height', Romo.height(this.draggedElem)+'px');
 
   Romo.trigger(this.elem, 'romoSortable:dragStart', [this.draggedElem, this]);
 }

data/assets/js/romo/spinner.js

@@ -14,7 +14,7 @@ RomoSpinner.prototype.doStart = function(customBasisSize) {
   var basisSize = (
     customBasisSize                                 ||
     Romo.data(this.elem, 'romo-spinner-basis-size') ||
-    Math.min(parseInt(Romo.css(this.elem, "width"), 10), parseInt(Romo.css(this.elem, "height"), 10))
+    Math.min(Romo.width(this.elem), Romo.height(this.elem))
   );
 
   var spinnerOpts = {
@@ -41,8 +41,8 @@ RomoSpinner.prototype.doStart = function(customBasisSize) {
   this.elemStyle = Romo.attr(this.elem, 'style');
 
   Romo.setStyle(this.elem, 'position', 'relative');
-  Romo.setStyle(this.elem, 'width',    Romo.css(this.elem, 'width'));
-  Romo.setStyle(this.elem, 'height',   Romo.css(this.elem, 'height'));
+  Romo.setStyle(this.elem, 'width',    Romo.width(this.elem)+'px');
+  Romo.setStyle(this.elem, 'height',   Romo.height(this.elem)+'px');
 
   Romo.updateHtml(this.elem, '');
   this.spinner.spin(this.elem);

data/assets/js/romo/tooltip.js

@@ -73,11 +73,10 @@ RomoTooltip.prototype.doPlacePopupElem = function() {
     Romo.setStyle(this.bodyElem, 'max-height', configHeight.toString() + 'px');
   }
 
-  var elemRect   = this.elem.getBoundingClientRect();
   var elemOffset = Romo.offset(this.elem);
 
-  var elemHeight = elemRect.height;
-  var elemWidth  = elemRect.width;
+  var elemHeight = Romo.height(this.elem);
+  var elemWidth  = Romo.width(this.elem);
   var elemTop    = elemOffset.top;
   var elemLeft   = elemOffset.left
 
@@ -163,9 +162,7 @@ RomoTooltip.prototype._bindPopup = function() {
   var popupParentElem = Romo.closest(this.elem, Romo.data(this.elem, 'romo-tooltip-append-to-closest') || 'body');
   Romo.append(popupParentElem, this.popupElem);
 
-  this.bodyElem = Romo.children(this.popupElem).find(Romo.proxy(function(childElem){
-    return Romo.is(childElem, '.romo-tooltip-body');
-  }, this));
+  this.bodyElem = Romo.children(this.popupElem, '.romo-tooltip-body')[0];
   if (Romo.data(this.elem, 'romo-tooltip-style-class') !== undefined) {
     Romo.addClass(this.bodyElem, Romo.data(this.elem, 'romo-tooltip-style-class'));
   }

data/lib/romo/version.rb

@@ -1,3 +1,3 @@
 module Romo
-  VERSION = "0.20.0"
+  VERSION = "0.20.1"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification 
 name: romo
 version: !ruby/object:Gem::Version 
-  version: 0.20.0
+  version: 0.20.1
 platform: ruby
 authors: 
 - Kelly Redding
@@ -10,7 +10,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2017-11-17 00:00:00 Z
+date: 2017-12-01 00:00:00 Z
 dependencies: 
 - !ruby/object:Gem::Dependency 
   name: assert
@@ -136,7 +136,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
 requirements: []
 
 rubyforge_project: 
-rubygems_version: 2.6.6
+rubygems_version: 2.6.12
 signing_key: 
 specification_version: 4
 summary: A UI Toolkit