Merge branch 'develop'

src/Component/Divider/Divider.php

@@ -0,0 +1,16 @@
+<?php
+
+namespace BladeComponentLibrary\Component\Divider;
+
+/**
+ * Class Dropdown
+ * @package BladeComponentLibrary\Component\Dropdown
+ */
+class Divider extends \BladeComponentLibrary\Component\BaseController
+{
+
+    public function init() {
+        //Extract array for eazy access (fetch only)
+        extract($this->data);
+    }
+}

src/Component/Divider/divider.blade.php

@@ -0,0 +1,2 @@
+<{{$componentElement}} class="{{$class}} {{$class}}--{{$style}} {{$class}}--{{$size}} ">
+</{{$componentElement}}>

src/Component/Divider/divider.json

@@ -0,0 +1,23 @@
+{
+    "slug": "divider",
+    "default": {
+        "componentElement": "div",
+        "style": "dashed",
+        "size": "md"
+    },
+    "description": {
+        "componentElement": "The tag to use for this component.",
+        "style": "Either dashed, solid or dotted.",
+        "size": "The length of the divider. Either sm, md or lg."
+    },
+    "view": "dropdown.blade.php",
+    "dependency": {
+        "sass": {
+            "components": [
+                "divider"
+            ]
+        }
+    }
+}
+
+

src/Component/Navbar/Navbar.php

@@ -12,5 +12,32 @@ public function init() {
 
         // Extract array for eazy access (fetch only)
         extract($this->data);
+
+        if($this->data['isDynamic']) {
+
+
+            $this->data['attributeList']['js-is-dynamic'] = '';
+
+            if(isset($childItemsUrl)) {
+
+
+                $this->data['attributeList']['js-child-items-url'] = $childItemsUrl;
+            }
+        }
+
+        if(isset($this->data['multiDimenexpanded_menusional'])) {
+            foreach($this->data['expanded_menu'] as $key => $value){
+                $this->data['expanded_menu'][$key]['id'] = isset($this->data['expanded_menu'][$key]['id']) ? $this->data['expanded_menu'][$key]['id'] :  null;
+            }
+        }
+
+        if(isset($this->data['pageID'])) {
+            $this->data['attributeList']['data-page-id'] = $this->data['pageID'];
+        }
+
+        if(isset($this->data['pageParentID'])) {
+            $this->data['attributeList']['data-page-parent-id'] = $this->data['pageParentID'];
+        }
+
     }
 }

src/Component/Navbar/navbar.json

@@ -4,7 +4,8 @@
         "logo": "",
         "items": [],
         "sidebar": false,
-        "expanded_menu": false
+        "expanded_menu": false,
+        "isDynamic": false
     },
 
     "description":{

src/Component/Navbar/sub/expanded_grid.blade.php

@@ -1,3 +1,5 @@
+
+
 @grid([
     "classList" => [
         $baseClass.'__expanded_grid'
@@ -8,8 +10,9 @@
     "col_gap" => "5",
     "row_gap" => "9"
 ])
-
+    
     @foreach ($expanded_menu as $key => $item)
+
         @grid([
             'element' => 'a',
             'classList' => [
@@ -38,4 +41,5 @@
         @endgrid
     @endforeach
 
+
 @endgrid

src/Component/Navbar/sub/expanded_main.blade.php

@@ -7,13 +7,14 @@
             'color' => 'default',
             'size' => 'lg',
             'style' => 'basic',
+            'href' => '#',
             'classList' => [
                 $baseClass.'__prev'
             ]
         ])
         @endbutton
     @endif
-
+    
     @typography([
         "element" => "h2",
         "variant" => "marketing",

src/Component/Navbar/sub/expanded_menu.blade.php

@@ -7,13 +7,15 @@
     "col_gap" => "4"
 ])
 
-    @foreach ($expanded_menu as $key => $item)
-        @grid([])
-            @link([
-                'href' => $item['href']
-            ])
-                {{$key}}
-            @endbutton
-        @endgrid
-    @endforeach
+    @if(!$isDynamic)
+        @foreach ($expanded_menu as $key => $item)
+            @grid([])
+                @link([
+                    'href' => $item['href']
+                ])
+                    {{$key}}
+                @endbutton
+            @endgrid
+        @endforeach
+    @endif
 @endgrid

src/Component/Sidebar/Sidebar.php

@@ -9,5 +9,9 @@ public function init()
     {
         //Extract array for eazy access (fetch only)
         extract($this->data);
+
+        if(isset($childItemsUrl)) {
+            $this->data['attributeList']['child-items-url'] = $childItemsUrl; 
+        }
     }
 }

src/Component/Sidebar/item.blade.php

@@ -13,19 +13,23 @@
                 {{$item['label']}}
             </a>
 
-            @if (isset($item['children']))
+            @if ($item['children'])
                 @php
                     $rndId = uniqid();
                 @endphp
                 <div class="{{$baseClass}}__toggle"
-                    js-toggle-trigger="{{$rndId}}"
+                    @if(!isset($childItemsUrl))
+                        js-toggle-trigger="{{$rndId}}"
+                    @endif
+                    aria-label="{{$item['ID']}}"
                     aria-pressed="false">
 
                     <div class="bar"></div>
                     <div class="bar"></div>
                 </div>
-
-                @include ('Sidebar.item', array('items' => $item['children'], 'appendID' => $rndId, 'top_level' => false))
+                @if(!isset($childItemsUrl))
+                    @include ('Sidebar.item', array('items' => $item['children'], 'appendID' => $rndId, 'top_level' => false))
+                @endif
             @endif
         </div>
     @endforeach