myg 2.8.0 → 2.8.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: '0937cd38045815e560f8ded6c453a74e26161dbdde4691b73ffab3304efb2592'
-  data.tar.gz: f81786ef6b57c306c0ebd927c49d1ebd76ca68ce6227538b523693389dffd31e
+  metadata.gz: d73d141e0399ee34c932b0b6ae90c9ef4069956c65b74e00823dbf9859c7f8ea
+  data.tar.gz: 7d6113e328dccf9202b8b4cc60a4b8a3893c5afb1cb5a8f2fb64e77c5094e58f
 SHA512:
-  metadata.gz: 8d75557e81cca423422f549a8c77a406efc19389c954e031390a459a5b17ce0521786ce81ac74fde229cbf2e444c15d5d74099072a903aa89af1c5cef6507e64
-  data.tar.gz: 16c64180d567121ffdce95cbb207445148650350cae3d7fc19856a7ba609044b8d498e2734c6bafcba25cb3de30808ada4026eaebcd790bc0499b08a46624d04
+  metadata.gz: 5a8f981672933425d5c6c5c802669e4f22a7fa464043b832ae9423f87828d660524e5047ef7e7c4ad3404165b64336808be4d7e1f6e82d02d9ce63673ad50bf6
+  data.tar.gz: 4af3e452a621e80eaad33ad11e2d6a99ec360858f873cc279f3aebd562c745392a724a54d16c2b8aab925af8b61dace9748e38b2468c736999201cc380e8c5fc

data/CHANGELOG.md

@@ -4,6 +4,11 @@
 
 * nothing yet
 
+### 2.8.1 - 2018/03/26
+
+* bugfixes
+    * fixed IDs of form components
+
 ### 2.8.0 - 2018/03/17
 
 * enhancements

data/app/views/mozaic/myg/_checkbox.html.erb

@@ -3,7 +3,7 @@
 <% identifier = options.delete :identifier %>
 <% values = options.delete(:values) || [0, 1] %>
 <% name = class_name ? "#{class_name.to_s.downcase}[#{attribute}]" : "#{attribute}" %>
-<% id = [class_name, identifier, attribute].map { |s| s.to_s.downcase }.join('_') %>
+<% id = [class_name, identifier, attribute].map { |s| s.to_s.downcase }.join('_').tr('[', '_').tr(']', '_') %>
 <% wrapper_html = {
     class: ['myg-checkbox mdc-checkbox', options.dig(:wrapper_html, :class), ('mdc-checkbox--disabled' if options.dig(:input_html, :disabled))].join(' ')
 } %>

data/app/views/mozaic/myg/_input.html.erb

@@ -2,7 +2,7 @@
 <% attribute = options.delete :attribute %>
 <% identifier = options.delete :identifier %>
 <% name = class_name ? "#{class_name.to_s.downcase}[#{attribute}]" : "#{attribute}" %>
-<% id = [class_name, identifier, attribute].map { |s| s.to_s.downcase }.join('_') %>
+<% id = [class_name, identifier, attribute].map { |s| s.to_s.downcase }.join('_').tr('[', '_').tr(']', '_') %>
 <% html = {
     class: ['myg-input', options[:class]].join(' '),
     name: name,

data/app/views/mozaic/myg/_label.html.erb

@@ -1,7 +1,7 @@
 <% class_name = options.delete :class_name %>
 <% attribute = options.delete :attribute %>
 <% identifier = options.delete :identifier %>
-<% id = [class_name, identifier, attribute].map { |s| s.to_s.downcase }.join('_') %>
+<% id = [class_name, identifier, attribute].map { |s| s.to_s.downcase }.join('_').tr('[', '_').tr(']', '_') %>
 <% html = {
     class: ['myg-label', options[:class]].join(' '),
     for: id

data/app/views/mozaic/myg/_radio.html.erb

@@ -3,7 +3,7 @@
 <% identifier = options.delete :identifier %>
 <% value = options.delete :value %>
 <% name = class_name ? "#{class_name.to_s.downcase}[#{attribute}]" : "#{attribute}" %>
-<% id = [class_name, identifier, attribute, value].map { |s| s.to_s.downcase }.join('_') %>
+<% id = [class_name, identifier, attribute, value].map { |s| s.to_s.downcase }.join('_').tr('[', '_').tr(']', '_') %>
 <% wrapper_html = {
     class: ['myg-radio mdc-radio', options.dig(:wrapper_html, :class), ('mdc-radio--disabled' if options.dig(:input_html, :disabled))].join(' ')
 } %>

data/app/views/mozaic/myg/_switch.html.erb

@@ -3,7 +3,7 @@
 <% identifier = options.delete :identifier %>
 <% values = options.delete(:values) || [0, 1] %>
 <% name = class_name ? "#{class_name.to_s.downcase}[#{attribute}]" : "#{attribute}" %>
-<% id = [class_name, identifier, attribute].map { |s| s.to_s.downcase }.join('_') %>
+<% id = [class_name, identifier, attribute].map { |s| s.to_s.downcase }.join('_').tr('[', '_').tr(']', '_') %>
 <% wrapper_html = {
     class: ['myg-switch mdc-switch', options.dig(:wrapper_html, :class)].join(' ')
 } %>

data/lib/generators/templates/install/javascripts/action-button.js

@@ -1,5 +1,9 @@
 import MygActionButton from 'myg-action-button';
 
-document.addEventListener( 'turbolinks:load', () => {
-    const mygActionButton = MygActionButton.init( document.querySelector('.myg-action-button'), {} );
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
+    document.removeEventListener( event, init );
+    document.addEventListener( event, init );
 })
+function init() {
+    const mygActionButton = MygActionButton.init( document.querySelector('.myg-action-button'), {} );
+}

data/lib/generators/templates/install/javascripts/button.js

@@ -1,5 +1,9 @@
 import MygButton from 'myg-button';
 
-document.addEventListener( 'turbolinks:load', () => {
-    const mygButtons = MygButton.initAll( document.querySelectorAll('.myg-button'), {} );
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
+    document.removeEventListener( event, init );
+    document.addEventListener( event, init );
 })
+function init() {
+    const mygButtons = MygButton.initAll( document.querySelectorAll('.myg-button'), {} );
+}

data/lib/generators/templates/install/javascripts/card.js

@@ -1,5 +1,9 @@
 import MygCard from 'myg-card';
 
-document.addEventListener( 'turbolinks:load', () => {
-    const mygCards = MygCard.initAll( document.querySelectorAll('.myg-card'), {} );
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
+    document.removeEventListener( event, init );
+    document.addEventListener( event, init );
 })
+function init() {
+    const mygCards = MygCard.initAll( document.querySelectorAll('.myg-card'), {} );
+}

data/lib/generators/templates/install/javascripts/checkbox.js

@@ -1,5 +1,9 @@
 import MygCheckbox from 'myg-checkbox';
 
-document.addEventListener( 'turbolinks:load', () => {
-    const mygCheckboxes = MygCheckbox.initAll( document.querySelectorAll('.myg-checkbox'), {} );
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
+    document.removeEventListener( event, init );
+    document.addEventListener( event, init );
 })
+function init() {
+    const mygCheckboxes = MygCheckbox.initAll( document.querySelectorAll('.myg-checkbox'), {} );
+}

data/lib/generators/templates/install/javascripts/dialog.js

@@ -1,5 +1,9 @@
 import MygDialog from 'myg-dialog';
 
-document.addEventListener( 'turbolinks:load', () => {
-    const mygDialogs = MygDialog.initAll( document.querySelectorAll('.myg-dialog'), {} );
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
+    document.removeEventListener( event, init );
+    document.addEventListener( event, init );
 })
+function init() {
+    const mygDialogs = MygDialog.initAll( document.querySelectorAll('.myg-dialog'), {} );
+}

data/lib/generators/templates/install/javascripts/drawer.js

@@ -1,5 +1,9 @@
 import MygDrawer from 'myg-drawer';
 
-document.addEventListener( 'turbolinks:load', () => {
-    const mygDrawer = MygDrawer.init( document.querySelector('.myg-drawer'), {} );
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
+    document.removeEventListener( event, init );
+    document.addEventListener( event, init );
 })
+function init() {
+    const mygDrawer = MygDrawer.init( document.querySelector('.myg-drawer'), {} );
+}

data/lib/generators/templates/install/javascripts/dropdown.js

@@ -1,5 +1,9 @@
 import MygDropdown from 'myg-dropdown';
 
-document.addEventListener( 'turbolinks:load', () => {
-    const mygDropdowns = MygDropdown.initAll( document.querySelectorAll('.myg-dropdown'), {} );
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
+    document.removeEventListener( event, init );
+    document.addEventListener( event, init );
 })
+function init() {
+    const mygDropdowns = MygDropdown.initAll( document.querySelectorAll('.myg-dropdown'), {} );
+}

data/lib/generators/templates/install/javascripts/footer.js

@@ -1,5 +1,9 @@
 import MygFooter from 'myg-footer';
 
-document.addEventListener( 'turbolinks:load', () => {
-    const mygFooter = MygFooter.init( document.querySelector('.myg-footer'), {} );
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
+    document.removeEventListener( event, init );
+    document.addEventListener( event, init );
 })
+function init() {
+    const mygFooter = MygFooter.init( document.querySelector('.myg-footer'), {} );
+}

data/lib/generators/templates/install/javascripts/form-field.js

@@ -1,5 +1,9 @@
 import MygFormField from 'myg-form-field';
 
-document.addEventListener( 'turbolinks:load', () => {
-    const mygFormFields = MygFormField.initAll( document.querySelectorAll('.myg-form-field'), {} );
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
+    document.removeEventListener( event, init );
+    document.addEventListener( event, init );
 })
+function init() {
+    const mygFormFields = MygFormField.initAll( document.querySelectorAll('.myg-form-field'), {} );
+}

data/lib/generators/templates/install/javascripts/icon.js

@@ -1,5 +1,9 @@
 import MygIcon from 'myg-icon';
 
-document.addEventListener( 'turbolinks:load', () => {
-    const mygIcons = MygIcon.initAll( document.querySelectorAll('.myg-icon'), {} );
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
+    document.removeEventListener( event, init );
+    document.addEventListener( event, init );
 })
+function init() {
+    const mygIcons = MygIcon.initAll( document.querySelectorAll('.myg-icon'), {} );
+}

data/lib/generators/templates/install/javascripts/input.js

@@ -1,5 +1,9 @@
 import MygInput from 'myg-input';
 
-document.addEventListener( 'turbolinks:load', () => {
-    const mygInputs = MygInput.initAll( document.querySelectorAll('.myg-input'), {} );
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
+    document.removeEventListener( event, init );
+    document.addEventListener( event, init );
 })
+function init() {
+    const mygInputs = MygInput.initAll( document.querySelectorAll('.myg-input'), {} );
+}

data/lib/generators/templates/install/javascripts/menu.js

@@ -1,5 +1,9 @@
 import MygMenu from 'myg-menu';
 
-document.addEventListener( 'turbolinks:load', () => {
-    const mygMenu = MygMenu.init( document.querySelector('.myg-menu'), {} );
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
+    document.removeEventListener( event, init );
+    document.addEventListener( event, init );
 })
+function init() {
+    const mygMenu = MygMenu.init( document.querySelector('.myg-menu'), {} );
+}

data/lib/generators/templates/install/javascripts/modal.js

@@ -1,5 +1,9 @@
 import MygModal from 'myg-modal';
 
-document.addEventListener( 'turbolinks:load', () => {
-    const mygModals = MygModal.initAll( document.querySelectorAll('.myg-modal'), {} );
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
+    document.removeEventListener( event, init );
+    document.addEventListener( event, init );
 })
+function init() {
+    const mygModals = MygModal.initAll( document.querySelectorAll('.myg-modal'), {} );
+}

data/lib/generators/templates/install/javascripts/progress.js

@@ -1,5 +1,9 @@
 import MygProgress from 'myg-progress';
 
-document.addEventListener( 'turbolinks:load', () => {
-    const mygProgresses = MygProgress.initAll( document.querySelectorAll('.myg-progress'), {} );
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
+    document.removeEventListener( event, init );
+    document.addEventListener( event, init );
 })
+function init() {
+    const mygProgresses = MygProgress.initAll( document.querySelectorAll('.myg-progress'), {} );
+}

data/lib/generators/templates/install/javascripts/radio.js

@@ -1,5 +1,9 @@
 import MygRadio from 'myg-radio';
 
-document.addEventListener( 'turbolinks:load', () => {
-    const mygRadios = MygRadio.initAll( document.querySelectorAll('.myg-radio'), {} );
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
+    document.removeEventListener( event, init );
+    document.addEventListener( event, init );
 })
+function init() {
+    const mygRadios = MygRadio.initAll( document.querySelectorAll('.myg-radio'), {} );
+}

data/lib/generators/templates/install/javascripts/select.js

@@ -1,5 +1,9 @@
 import MygSelect from 'myg-select';
 
-document.addEventListener( 'turbolinks:load', () => {
-    const mygSelects = MygSelect.initAll( document.querySelectorAll('.myg-select'), {} );
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
+    document.removeEventListener( event, init );
+    document.addEventListener( event, init );
 })
+function init() {
+    const mygSelects = MygSelect.initAll( document.querySelectorAll('.myg-select'), {} );
+}

data/lib/generators/templates/install/javascripts/sidebar.js

@@ -1,5 +1,9 @@
 import MygSidebar from 'myg-sidebar';
 
-document.addEventListener( 'turbolinks:load', () => {
-    const mygSidebar = MygSidebar.init( document.querySelector('.myg-sidebar'), {} );
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
+    document.removeEventListener( event, init );
+    document.addEventListener( event, init );
 })
+function init() {
+    const mygSidebar = MygSidebar.init( document.querySelector('.myg-sidebar'), {} );
+}

data/lib/generators/templates/install/javascripts/slide.js

@@ -1,5 +1,9 @@
 import MygSlide from 'myg-slide';
 
-document.addEventListener( 'turbolinks:load', () => {
-    const mygSlides = MygSlide.initAll( document.querySelectorAll('.myg-slide'), {} );
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
+    document.removeEventListener( event, init );
+    document.addEventListener( event, init );
 })
+function init() {
+    const mygSlides = MygSlide.initAll( document.querySelectorAll('.myg-slide'), {} );
+}

data/lib/generators/templates/install/javascripts/slider.js

@@ -1,5 +1,9 @@
 import MygSlider from 'myg-slider';
 
-document.addEventListener( 'turbolinks:load', () => {
-    const mygSliders = MygSlider.initAll( document.querySelectorAll('.myg-slider'), {} );
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
+    document.removeEventListener( event, init );
+    document.addEventListener( event, init );
 })
+function init() {
+    const mygSliders = MygSlider.initAll( document.querySelectorAll('.myg-slider'), {} );
+}

data/lib/generators/templates/install/javascripts/tabs.js

@@ -1,5 +1,9 @@
 import MygTabs from 'myg-tabs';
 
-document.addEventListener( 'turbolinks:load', () => {
-    const mygTabs = MygTabs.init( document.querySelector('.myg-tabs'), {} );
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
+    document.removeEventListener( event, init );
+    document.addEventListener( event, init );
 })
+function init() {
+    const mygTabs = MygTabs.init( document.querySelector('.myg-tabs'), {} );
+}

data/lib/generators/templates/install/javascripts/text.js

@@ -1,5 +1,9 @@
 import MygText from 'myg-text';
 
-document.addEventListener( 'turbolinks:load', () => {
-    const mygTexts = MygText.initAll( document.querySelectorAll('.myg-text'), {} );
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
+    document.removeEventListener( event, init );
+    document.addEventListener( event, init );
 })
+function init() {
+    const mygTexts = MygText.initAll( document.querySelectorAll('.myg-text'), {} );
+}

data/lib/generators/templates/install/javascripts/theme.js

@@ -1,5 +1,9 @@
 import MygTheme from 'myg-theme';
 
-document.addEventListener( 'turbolinks:load', () => {
-    const mygTheme = MygTheme.init( document.querySelector('html'), {} );
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
+    document.removeEventListener( event, init );
+    document.addEventListener( event, init );
 })
+function init() {
+    const mygTheme = MygTheme.init( document.querySelector('html'), {} );
+}

data/lib/generators/templates/install/javascripts/titlebar.js

@@ -1,5 +1,9 @@
 import MygTitlebar from 'myg-titlebar';
 
-document.addEventListener( 'turbolinks:load', () => {
-    const mygTitlebar = MygTitlebar.init( document.querySelector('.myg-titlebar'), {} );
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
+    document.removeEventListener( event, init );
+    document.addEventListener( event, init );
 })
+function init() {
+    const mygTitlebar = MygTitlebar.init( document.querySelector('.myg-titlebar'), {} );
+}

data/lib/generators/templates/install/javascripts/toast.js

@@ -1,5 +1,9 @@
 import MygToast from 'myg-toast';
 
-document.addEventListener( 'turbolinks:load', () => {
-    const mygToast = MygToast.init( document.querySelector('.myg-toast'), {} );
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
+    document.removeEventListener( event, init );
+    document.addEventListener( event, init );
 })
+function init() {
+    const mygToast = MygToast.init( document.querySelector('.myg-toast'), {} );
+}

data/lib/generators/templates/install/javascripts/toolbar.js

@@ -1,5 +1,9 @@
 import MygToolbar from 'myg-toolbar';
 
-document.addEventListener( 'turbolinks:load', () => {
-    const mygToolbar = MygToolbar.init( document.querySelector('.myg-toolbar'), {} );
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
+    document.removeEventListener( event, init );
+    document.addEventListener( event, init );
 })
+function init() {
+    const mygToolbar = MygToolbar.init( document.querySelector('.myg-toolbar'), {} );
+}

data/lib/generators/templates/install/javascripts/tooltip.js

@@ -1,5 +1,9 @@
 import MygTooltip from 'myg-tooltip';
 
-document.addEventListener( 'turbolinks:load', () => {
-    const mygTooltips = MygTooltip.initAll( document.querySelectorAll('[data-myg-tooltip]'), {} );
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
+    document.removeEventListener( event, init );
+    document.addEventListener( event, init );
 })
+function init() {
+    const mygTooltips = MygTooltip.initAll( document.querySelectorAll('[data-myg-tooltip]'), {} );
+}

data/lib/myg/version.rb

@@ -1,5 +1,5 @@
 module Myg
 
-    VERSION = '2.8.0'
+    VERSION = '2.8.1'
 
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: myg
 version: !ruby/object:Gem::Version
-  version: 2.8.0
+  version: 2.8.1
 platform: ruby
 authors:
 - Jonas Hübotter
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-03-17 00:00:00.000000000 Z
+date: 2018-03-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties