material_raingular 0.0.4.2 → 0.0.4.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 7470f55a09c100b8d9a246f71521e8a2098f6072
-  data.tar.gz: af15ae1a9ffac5d70e8107e2d749117118ac9d3c
+  metadata.gz: 18193f16394298e1cc7af1f636b7ebc986fedc3d
+  data.tar.gz: b612c444e8029453cec479f5ecb596f66c03c418
 SHA512:
-  metadata.gz: 54d912bcefe94b424513203e38214c81edd0f0c00d67344f7c275322720b78937873e42866a0b8bea8f52731a8cb893751136c4b95a45a81d43c886c6b490bd7
-  data.tar.gz: 8bad50ab5bd596cf9ee6662270ff52dbe85e5e0ac07632399edc87393b89344c7c44c675c198e2d2f280032b3a6cd80692c9ff6075412abc7b9932201ff24c68
+  metadata.gz: d41a7c58e35a2e24065e99f69f7b50c013f8c26d591b8e6d9acf8911a6a0470114be4e2ce05e45d7dd26329b314e54d4af89cbcdce5def2e2723e685d7d1d460
+  data.tar.gz: d193dbae32b24a0612189895c9296aef13e184457157f5a07c25ef4d63f4b7a32b201a320058c11d3512efba964736d995da871e503f5bb33a2c994848075486

data/lib/assets/javascripts/directives/filteredselect.js.coffee

@@ -78,7 +78,9 @@ class StandardTemplate
     @search.addClass('md-input') if @element.hasClass('md-input')
     @search.css({'width': '100%','color': 'black'})
     @element.css('position','relative').css('overflow','visible')
+    @span.css('overflow','hidden').css('width','100%').css('display','inline-block').css('position','relative')
     searchCss = window.getComputedStyle(@search[0])
+    @typeAhead.css('white-space', 'nowrap')
     @typeAhead.css('padding-left', parseFloat(searchCss["padding-left"]) + parseFloat(searchCss["margin-left"]) + parseFloat(searchCss["border-left-width"]) + 'px')
     @typeAhead.css('padding-top',  parseFloat(searchCss["padding-top"])  + parseFloat(searchCss["margin-top"])  + parseFloat(searchCss["border-top-width"])  + 'px')
 
@@ -87,16 +89,16 @@ class StandardTemplate
       @inputFunction(@search,@typeAhead,event)
     @search.bind 'focus', (event)=>
       @stylize()
-      @focusFunction(event)
+      @focusFunction(@template,event)
     @search.bind 'blur', (event)=>
-      @blurFunction(@search,event)
+      @blurFunction(@search,@typeAhead,@template,event)
     @search.bind 'keydown', (event)=>
       @keydownFunction(@search,@typeAhead,@template,event)
   attachElements: ->
     @span.append @typeAhead
     @span.append @search
-    @span.append @tempHolder
     @element.append @span
+    @element.append @tempHolder
 
 class EventFunctions
   constructor: (@functions,@buildTemplate,@updateValue,@filteredList,@filter,@timeout,@parse,@scope,@disabled,@options) ->
@@ -113,9 +115,19 @@ class EventFunctions
       search.val(search.val()[0..2].replace(/^\s+/g,''))
     typeAhead.html(search.val()[0..location - 1])
     @buildTemplate()
-  focusFunction: (event) =>
+
+  focusFunction: (template,event) =>
+    template.addClass('focused')
+
     @buildTemplate()
-  blurFunction: (search,event) =>
+  setTypeAheadScroll: (search,typeAhead) =>
+    if search[0].offsetWidth < search[0].scrollWidth
+      @timeout ->
+        typeAhead.css('margin-left', '-' + search[0].scrollLeft + 'px')
+      , 1
+  blurFunction: (search,typeAhead,template,event) =>
+    template.removeClass('focused')
+    @setTypeAheadScroll(search,typeAhead)
     if search.val().length < (@options.minLength || 4)
       search.val('')
     else
@@ -124,7 +136,9 @@ class EventFunctions
       val = @filter('filter')(@functions.collection(@scope), obj)[0]
       @updateValue @functions.modelValueFn(val)
       search.val(@functions.viewValueFn(val).replace(/^\s+/g,''))
+
   keydownFunction: (search,typeAhead,template,input) =>
+    @setTypeAheadScroll(search,typeAhead)
     keypress = (direction) ->
       index = if direction == 'next' then 0 else template.find('a').length - 1
       selected = angular.element(template[0].getElementsByClassName('active')[0])

data/lib/assets/stylesheets/material-raingular.sass

@@ -115,6 +115,11 @@ md-autocomplete
   transition: max-height 0.55s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.55s cubic-bezier(0.25, 0.8, 0.25, 1), padding 0.55s cubic-bezier(0.25, 0.8, 0.25, 1)
   padding: 0
   max-width: 0
+  &.focused
+    max-width: 100rem
+    max-height: 30rem
+    padding: 0.5rem
+    opacity: 1
 
 input.autocomplete:focus + div
   max-width: 100rem

data/lib/material_raingular/version.rb

@@ -1,3 +1,3 @@
 module MaterialRaingular
-  VERSION = "0.0.4.2"
+  VERSION = "0.0.4.2.1"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: material_raingular
 version: !ruby/object:Gem::Version
-  version: 0.0.4.2
+  version: 0.0.4.2.1
 platform: ruby
 authors:
 - Chris Moody
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-02-07 00:00:00.000000000 Z
+date: 2016-02-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -144,7 +144,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.8
+rubygems_version: 2.4.3
 signing_key: 
 specification_version: 4
 summary: Angular v1.4 for rails. Angular Material v0.9.8.