fixed pug files

Author: coder1x

src/components/code/code.pug

@@ -1,6 +1,9 @@
 
-mixin code(label = '')
+mixin code(options = {})
   -
+    const {
+      label = ''
+    } = options;
     const BASE_CLASS = 'code';
     const CODE_TOP = '$(\'.demo\').RangeSliderFox({';
     const CODE_BOTTOM = '})';

src/components/grid/grid.pug

@@ -1,8 +1,11 @@
 include ../toggle/toggle.pug
 include ../text-field/text-field.pug
 
-mixin grid(label = '')
+mixin grid(options = {})
   -
+    const {
+      label = ''
+    } = options;
     const BASE_CLASS = 'grid'
     const data = require('./grid.json'); 
     const textField = data.textField

src/components/hints/hints.pug

@@ -1,8 +1,11 @@
 include ../toggle/toggle.pug
 include ../text-field/text-field.pug
 
-mixin hints(label = '')
+mixin hints(options = {})
   -
+    const {
+      label = ''
+    } = options;
     const BASE_CLASS = 'hints'
     const data = require('./hints.json'); 
     const textField = data.textField

src/components/input-data/input-data.pug

@@ -1,7 +1,10 @@
 include ../text-field/text-field.pug
 
-mixin input-data(label = '')
+mixin input-data(options = {})
   -
+    const {
+      label = ''
+    } = options;
     const BASE_CLASS = 'input-data'
     
   fieldset(class=`${BASE_CLASS} js-${BASE_CLASS}`)

src/components/keyboard-control/keyboard-control.pug

@@ -1,7 +1,10 @@
 include ../text-field/text-field.pug
 
-mixin keyboard-control(label = '')
+mixin keyboard-control(options = {})
   -
+    const {
+      label = ''
+    } = options;
     const BASE_CLASS = 'keyboard-control'
     const data = require('./keyboard-control.json'); 
     const textField = data.textField

src/components/miscellaneous/miscellaneous.pug

@@ -1,8 +1,11 @@
 include ../toggle/toggle.pug
 include ../select/select.pug
 
-mixin miscellaneous(label = '')
+mixin miscellaneous(options = {})
   -
+    const {
+      label = ''
+    } = options;
     const BASE_CLASS = 'miscellaneous'
     const data = require('./miscellaneous.json'); 
     const selectData = data.select

src/components/panel/panel.pug

@@ -6,8 +6,12 @@ include ../miscellaneous/miscellaneous.pug
 include ../code/code.pug
 include ../keyboard-control/keyboard-control.pug
 
-mixin panel(theme = 'base')
+mixin panel(options = {})
   -
+    const {
+      theme = 'base'
+    } = options;
+
     const BASE_CLASS = 'panel'
 
   div(class=`${BASE_CLASS} js-${BASE_CLASS}`)
@@ -21,22 +25,22 @@ mixin panel(theme = 'base')
       )
 
     div(class=`${BASE_CLASS}__values-wrapper`)
-      +values('Values')
+      +values({label:'Values'})
 
     div(class=`${BASE_CLASS}__input-data-wrapper`)
-      +input-data('Input data')
+      +input-data({label:'Input data'})
 
     div(class=`${BASE_CLASS}__keyboard-control-wrapper`)
-      +keyboard-control('keyboard control')
+      +keyboard-control({label:'keyboard control'})
 
     div(class=`${BASE_CLASS}__grid-wrapper`)
-      +grid('Grid')
+      +grid({label:'Grid'})
 
     div(class=`${BASE_CLASS}__different-wrapper`)
-      +miscellaneous('Miscellaneous')
+      +miscellaneous({label:'Miscellaneous'})
 
     div(class=`${BASE_CLASS}__hints-wrapper`)
-      +hints('Hints')
+      +hints({label:'Hints'})
 
     div(class=`${BASE_CLASS}__code-wrapper`)
-      +code('Config code')
+      +code({label:'Config code'})

src/components/values/values.pug

@@ -1,7 +1,10 @@
 include ../text-field/text-field.pug
 
-mixin values(label = '')
+mixin values(options = {})
   -
+    const {
+      label = ''
+    } = options;
     const BASE_CLASS = 'values'
     const data = require('./values.json');
     const textField = data.textField

src/pages/index/index.pug

@@ -9,15 +9,15 @@ block content
 
     section.slider
         .slider__panel-wrapper 
-          +panel('fox')
+          +panel({theme:'fox'})
 
     section.slider
         .slider__panel-wrapper 
-          +panel('dark')
+          +panel({theme:'dark'})
 
     section.slider
         .slider__panel-wrapper 
-          +panel('base')
+          +panel({theme:'base'})
 
     section.slider
         .initialization-plugin