SERV-2286 - moved the card element out from the element folder and did some refactoring

src/Views/Limitless/Card/Config.php

+<?php
+
+
+    /*
+    |------------------------------------------------------------------------------------------------
+    | Information
+    |------------------------------------------------------------------------------------------------
+    |
+    | This file is beautified by the command "sidekick:CodebeautifierCommand" of the ceetrox
+    | sidekick package.
+    |
+    | Author: Kevin Almond Roe Yumang <kevin.yumang@itmax.email>
+    | Update: 2022-06-30 02:31:57
+    |
+    */
+    namespace Ceetrox\Sidekick\Views\Limitless\Card;
+
+
+    /*
+    |------------------------------------------------------------------------------------------------
+    | Dependencies
+    |------------------------------------------------------------------------------------------------
+    */
+    use View;
+
+
+    /*
+    |------------------------------------------------------------------------------------------------
+    | Class "Config"
+    |------------------------------------------------------------------------------------------------
+    */
+    class Config 
+    {
+        public $methodAllocation = [
+        'Limitless::CardStart' => 'cardStart',
+        'Limitless::CardStop' => 'cardStop',
+        ];
+
+
+        /*
+        |--------------------------------------------------------------------------------------------
+        | Method "cardStart"
+        |--------------------------------------------------------------------------------------------
+        */
+        public function cardStart($parameters)
+        {
+            return View('Limitless::Card.Start')
+            ->withTitle( ($parameters['title'] ?? 'No Title') )
+            ->withIcon( ($parameters['icon'] ?? 'icon-circle2') )
+            ->withCollapsible( ($parameters['collapsible'] ?? true) )
+            ->withRemovable( ($parameters['removable'] ?? false) )
+            ->withExtra( ($parameters['extra'] ?? []) );
+
+        }
+
+
+        /*
+        |--------------------------------------------------------------------------------------------
+        | Method "cardStop"
+        |--------------------------------------------------------------------------------------------
+        */
+        public function cardStop()
+        {
+            return View('Limitless::Card.Stop');
+
+        }
+
+    }
+
+
+

src/Views/Limitless/Element/Card/Documentation/Index.blade.php → src/Views/Limitless/Card/Documentation/Index.blade.php

@@ -5,15 +5,15 @@
 
 
     {{-- Description --}}
-    @Limitless::ElementCardStart(['title' => "Card", 'icon' => 'icon-newspaper'])
+    @Limitless::CardStart(['title' => "Card", 'icon' => 'icon-newspaper'])
         <p>A styled container for grouping contents.</p>
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     {{-- Elements --}}
-    @Limitless::ElementCardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
+    @Limitless::CardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
 
         <div class="bg-dark rounded py-2 px-3 mb-3">
-            <h6 class="mb-0 font-weight-semibold">ElementCardStart</h6>
+            <h6 class="mb-0 font-weight-semibold">CardStart</h6>
             <p class="mb-3 text-muted">The opening fragment of the card element.</p>
             <p class="font-italic font-size-lg">Parameters</p>
             <div class="row mt-2">
@@ -57,28 +57,28 @@
         </div>
 
         <div class="bg-dark rounded py-2 px-3 mb-3">
-            <h6 class="mb-0 font-weight-semibold">ElementCardStop</h6>
+            <h6 class="mb-0 font-weight-semibold">CardStop</h6>
             <p class="mb-3 text-muted">The closing fragment of the card element.</p>
             <p class="font-italic font-size-lg">Parameters</p> NONE
         </div>
 
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     {{-- Sample Output --}}
-    @Limitless::ElementCardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )
-        @Limitless::ElementCardStart(['title' => "Card", 'icon' => 'icon-newspaper', 'collapsible' => true, 'removable' => true, 'extra' => ['style' => 'position:relative;', 'id' => 'elemento1', 'class' => 'card']] )
+    @Limitless::CardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )
+        @Limitless::CardStart(['title' => "Card", 'icon' => 'icon-newspaper', 'collapsible' => true, 'removable' => true, 'extra' => ['style' => 'position:relative;', 'id' => 'elemento1', 'class' => 'card']] )
             I am inside a card!
-        @Limitless::ElementCardStop
-    @Limitless::ElementCardStop
+        @Limitless::CardStop
+    @Limitless::CardStop
 
     @php
         $example = base64_decode("QExpbWl0bGVzczo6RWxlbWVudENhcmRTdGFydChbJ3RpdGxlJyA9PiAiQ2FyZCIsICdpY29uJyA9PiAnaWNvbi1uZXdzcGFwZXInLCAnY29sbGFwc2libGUnID0+IHRydWUsICdyZW1vdmVhYmxlJyA9PiB0cnVlLCAnZXh0cmEnID0+IFsnc3R5bGUnID0+ICdwb3NpdGlvbjpyZWxhdGl2ZTsnLCAnaWQnID0+ICdlbGVtZW50bzEnLCAnY2xhc3MnID0+ICdjYXJkJ11dICkKCUkgYW0gaW5zaWRlIGEgY2FyZCEKQExpbWl0bGVzczo6RWxlbWVudENhcmRTdG9w");
     @endphp
 
     {{-- Sample Code --}}
-    @Limitless::ElementCardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
+    @Limitless::CardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
         @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $example ])
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
 
 

src/Views/Limitless/Codemirror/Documentation/Index.blade.php

@@ -4,12 +4,12 @@
 @section('Limitless::Content')
 
     {{-- Description --}}
-    @Limitless::ElementCardStart(['title' => "Code Mirror", 'icon' => 'icon-circle-code'])
+    @Limitless::CardStart(['title' => "Code Mirror", 'icon' => 'icon-circle-code'])
         A themed writable container for codes.
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     {{-- Elements --}}
-    @Limitless::ElementCardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
+    @Limitless::CardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
     <div class="bg-dark rounded py-2 px-3 mb-3">
         <h6 class="mb-0 font-weight-semibold">Codemirror</h6>
         <p class="mb-3 text-muted">A themed writable container for codes.</p>
@@ -65,21 +65,21 @@
 
     </div>
 
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     {{-- Sample Output --}}
-    @Limitless::ElementCardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )
+    @Limitless::CardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )
         @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => 'Hello World!', 'extra' => ['id' => 'codemirror1', 'data-is-modified' => true] ])
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     @php
         $example = base64_decode("QExpbWl0bGVzczo6Q29kZW1pcnJvcihbICdsYW5ndWFnZScgPT4gJ2phdmFzY3JpcHQnLCAndGhlbWUnID0+ICd6ZW5idXJuJywgJ3ZhbHVlJyA9PiAnSGVsbG8gV29ybGQhJywgJ2V4dHJhJyA9PiBbJ2lkJyA9PiAnY29kZW1pcnJvcjEnLCAnZGF0YS1pcy1tb2RpZmllZCcgPT4gdHJ1ZV0gXSk=");
     @endphp
 
     {{-- Sample Code --}}
-    @Limitless::ElementCardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
+    @Limitless::CardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
         @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $example ])
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
 
 @stop

src/Views/Limitless/Element/Alert/Documentation/Index.blade.php

@@ -4,12 +4,12 @@
 @section('Limitless::Content')
 
     {{-- Description --}}
-    @Limitless::ElementCardStart(['title' => "Alert", 'icon' => 'icon-bubble-notification'])
+    @Limitless::CardStart(['title' => "Alert", 'icon' => 'icon-bubble-notification'])
     <p>A styled container for alert messages.</p>
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     {{-- Elements --}}
-    @Limitless::ElementCardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
+    @Limitless::CardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
 
         <div class="bg-dark rounded py-2 px-3 mb-3">
             <h6 class="mb-0 font-weight-semibold">Alert</h6>
@@ -70,10 +70,10 @@
             </div>
         </div>
 
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     {{-- Sample Output --}}
-    @Limitless::ElementCardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )
+    @Limitless::CardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )
         @Limitless::Alert
         @Limitless::Alert(['type' => 'success', 'title' => 'Success!', 'message' => 'Default success.'])
         @Limitless::Alert(['default' => false, 'type' => 'danger', 'title' => 'Danger!', 'message' => 'Solid danger dismissible.', 'dismissible' => true])
@@ -81,15 +81,15 @@
         @Limitless::Alert(['type' => 'primary', 'title' => 'Primary!', 'message' => 'Default primary dismissible styled left.', 'dismissible' => true, 'styled' => 'left'])
         @Limitless::Alert(['default' => false, 'type' => 'warning', 'title' => 'Warning!', 'message' => 'Solid warning dismissible styled right.', 'dismissible' => true, 'styled' => 'right'])
         @Limitless::Alert(['type' => 'success', 'title' => 'Round!', 'message' => 'Default success rounded styled left.', 'styled' => 'left', 'rounded' => true])
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     @php
         $example = base64_decode("QExpbWl0bGVzczo6QWxlcnQKQExpbWl0bGVzczo6QWxlcnQoWyd0eXBlJyA9PiAnc3VjY2VzcycsICd0aXRsZScgPT4gJ1N1Y2Nlc3MhJywgJ21lc3NhZ2UnID0+ICdEZWZhdWx0IHN1Y2Nlc3MuJ10pCkBMaW1pdGxlc3M6OkFsZXJ0KFsnZGVmYXVsdCcgPT4gZmFsc2UsICd0eXBlJyA9PiAnZGFuZ2VyJywgJ3RpdGxlJyA9PiAnRGFuZ2VyIScsICdtZXNzYWdlJyA9PiAnU29saWQgZGFuZ2VyIGRpc21pc3NpYmxlLicsICdkaXNtaXNzaWJsZScgPT4gdHJ1ZV0pCkBMaW1pdGxlc3M6OkFsZXJ0KFsndHlwZScgPT4gJ2luZm8nLCAndGl0bGUnID0+ICdJbmZvIScsICdtZXNzYWdlJyA9PiAnRGVmYXVsdCBpbmZvIGRpc21pc3NpYmxlIGJvcmRlciAzLicsICdkaXNtaXNzaWJsZScgPT4gdHJ1ZSwgJ2JvcmRlcicgPT4gM10pCkBMaW1pdGxlc3M6OkFsZXJ0KFsndHlwZScgPT4gJ3ByaW1hcnknLCAndGl0bGUnID0+ICdQcmltYXJ5IScsICdtZXNzYWdlJyA9PiAnRGVmYXVsdCBwcmltYXJ5IGRpc21pc3NpYmxlIHN0eWxlZCBsZWZ0LicsICdkaXNtaXNzaWJsZScgPT4gdHJ1ZSwgJ3N0eWxlZCcgPT4gJ2xlZnQnXSkKQExpbWl0bGVzczo6QWxlcnQoWydkZWZhdWx0JyA9PiBmYWxzZSwgJ3R5cGUnID0+ICd3YXJuaW5nJywgJ3RpdGxlJyA9PiAnV2FybmluZyEnLCAnbWVzc2FnZScgPT4gJ1NvbGlkIHdhcm5pbmcgZGlzbWlzc2libGUgc3R5bGVkIHJpZ2h0LicsICdkaXNtaXNzaWJsZScgPT4gdHJ1ZSwgJ3N0eWxlZCcgPT4gJ3JpZ2h0J10pCkBMaW1pdGxlc3M6OkFsZXJ0KFsndHlwZScgPT4gJ3N1Y2Nlc3MnLCAndGl0bGUnID0+ICdSb3VuZCEnLCAnbWVzc2FnZScgPT4gJ0RlZmF1bHQgc3VjY2VzcyByb3VuZGVkIHN0eWxlZCBsZWZ0LicsICdzdHlsZWQnID0+ICdsZWZ0JywgJ3JvdW5kZWQnID0+IHRydWVdKQ==");
     @endphp
 
     {{-- Sample Code --}}
-    @Limitless::ElementCardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
+    @Limitless::CardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
         @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $example ])
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
 @stop

src/Views/Limitless/Element/Config.php

@@ -38,8 +38,6 @@
         */
         public $methodAllocation = [
         'Limitless::Alert' => 'alert',
-        'Limitless::ElementCardStart' => 'cardStart',
-        'Limitless::ElementCardStop' => 'cardStop',
         'Limitless::LoremIpsum' => 'loremIpsum',
         'Limitless::RandomSelect' => 'randomSelect',
         'Limitless::Divider' => 'divider',
@@ -75,35 +73,6 @@
         }
 
 
-        /*
-        |--------------------------------------------------------------------------------------------
-        | Method "cardStart"
-        |--------------------------------------------------------------------------------------------
-        */
-        public function cardStart($parameters)
-        {
-            return View('Limitless::Element.Card.Start')
-            ->withTitle( (isset($parameters['title']) ? $parameters['title'] : 'No Title') )
-            ->withIcon( (isset($parameters['icon']) ? $parameters['icon'] : 'icon-circle2') )
-            ->withCollapsible( (isset($parameters['collapsible']) ? $parameters['collapsible'] : true) )
-            ->withRemovable( (isset($parameters['removable']) ? $parameters['removable'] : false) )
-            ->withExtra( (isset($parameters['extra']) ? $parameters['extra'] : [] ) );
-
-        }
-
-
-        /*
-        |--------------------------------------------------------------------------------------------
-        | Method "cardStop"
-        |--------------------------------------------------------------------------------------------
-        */
-        public function cardStop()
-        {
-            return View('Limitless::Element.Card.Stop');
-
-        }
-
-
         /*
         |--------------------------------------------------------------------------------------------
         | Method "loremIpsum"

src/Views/Limitless/Element/Divider/Documentation/Index.blade.php

@@ -4,12 +4,12 @@
 @section('Limitless::Content')
 
     {{-- Description --}}
-    @Limitless::ElementCardStart(['title' => "Divider", 'icon' => 'icon-minus2'])
+    @Limitless::CardStart(['title' => "Divider", 'icon' => 'icon-minus2'])
         <p>A styled horizontal line for separating contents.</p>
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     {{-- Elements --}}
-    @Limitless::ElementCardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
+    @Limitless::CardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
 
         <div class="bg-dark rounded py-2 px-3 mb-3">
             <h6 class="mb-0 font-weight-semibold">Divider</h6>
@@ -17,24 +17,24 @@
             <p class="font-italic font-size-lg">Parameters</p> NONE
         </div>
 
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     {{-- Sample Output --}}
-    @Limitless::ElementCardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )
+    @Limitless::CardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )
 
         <p>some content...</p>
         @Limitless::Divider
         <p>some content...</p>
 
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     @php
         $example = base64_decode("PHA+c29tZSBjb250ZW50Li4uPC9wPgpATGltaXRsZXNzOjpEaXZpZGVyCjxwPnNvbWUgY29udGVudC4uLjwvcD4=");
     @endphp
 
     {{-- Sample Code --}}
-    @Limitless::ElementCardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
+    @Limitless::CardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
         @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $example ])
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
 @stop

src/Views/Limitless/Element/Example/Documentation/Index.blade.php

@@ -4,12 +4,12 @@
 @section('Limitless::Content')
 
     {{-- Description --}}
-    @Limitless::ElementCardStart(['title' => "Example", 'icon' => 'icon-exclamation'])
+    @Limitless::CardStart(['title' => "Example", 'icon' => 'icon-exclamation'])
         <p>Example Div element with custom javascript and stylesheet files.</p>
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     {{-- Elements --}}
-    @Limitless::ElementCardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
+    @Limitless::CardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
 
         <div class="bg-dark rounded py-2 px-3 mb-3">
             <h6 class="mb-0 font-weight-semibold">Example</h6>
@@ -17,20 +17,20 @@
             <p class="font-italic font-size-lg">Parameters</p> NONE
         </div>
 
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     {{-- Sample Output --}}
-    @Limitless::ElementCardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )
+    @Limitless::CardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )
         @Limitless::Example
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     @php
         $example = base64_decode("QExpbWl0bGVzczo6RXhhbXBsZQ==");
     @endphp
 
     {{-- Sample Code --}}
-    @Limitless::ElementCardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
+    @Limitless::CardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
         @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $example ])
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
 @stop

src/Views/Limitless/Element/LoremIpsum/Documentation/Index.blade.php

@@ -5,12 +5,12 @@
 
 
     {{-- Description --}}
-    @Limitless::ElementCardStart(['title' => "Lorem Ipsum", 'icon' => 'icon-bubble-lines3'])
+    @Limitless::CardStart(['title' => "Lorem Ipsum", 'icon' => 'icon-bubble-lines3'])
         <p>Generates Lorem ipsum based on passed parameter <i>length</i>.</p>
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     {{-- Elements --}}
-    @Limitless::ElementCardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
+    @Limitless::CardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
 
         <div class="bg-dark rounded py-2 px-3 mb-3">
             <h6 class="mb-0 font-weight-semibold">LoremIpsum</h6>
@@ -36,25 +36,25 @@
             </div>
         </div>
 
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     {{-- Sample Output --}}
-    @Limitless::ElementCardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )
+    @Limitless::CardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )
         @Limitless::LoremIpsum(100)
         @Limitless::Divider
         @Limitless::LoremIpsum('50')
         @Limitless::Divider
         @Limitless::LoremIpsum
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     @php
         $example = base64_decode("QExpbWl0bGVzczo6TG9yZW1JcHN1bSgxMDApCkBMaW1pdGxlc3M6OkRpdmlkZXIKQExpbWl0bGVzczo6TG9yZW1JcHN1bSgnNTAnKQpATGltaXRsZXNzOjpEaXZpZGVyCkBMaW1pdGxlc3M6OkxvcmVtSXBzdW0=");
     @endphp
 
     {{-- Sample Code --}}
-    @Limitless::ElementCardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
+    @Limitless::CardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
         @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $example ])
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
 
 

src/Views/Limitless/Element/RandomSelect/Documentation/Index.blade.php

@@ -4,12 +4,12 @@
 @section('Limitless::Content')
 
     {{-- Description --}}
-    @Limitless::ElementCardStart(['title' => "Random Select", 'icon' => 'icon-shuffle'])
+    @Limitless::CardStart(['title' => "Random Select", 'icon' => 'icon-shuffle'])
     <p>Selects one random item from a <i>one (1)</i> level array.</p>
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     {{-- Elements --}}
-    @Limitless::ElementCardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
+    @Limitless::CardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
 
         <div class="bg-dark rounded py-2 px-3 mb-3">
             <h6 class="mb-0 font-weight-semibold">RandomSelect</h6>
@@ -35,10 +35,10 @@
             </div>
         </div>
 
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     {{-- Sample Output --}}
-    @Limitless::ElementCardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )
+    @Limitless::CardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )
         @php
             $items = ['Item1', 'Item2', 'Item3', 'Item4', 'Item5'];
         @endphp
@@ -48,15 +48,15 @@
         <div> @Limitless::RandomSelect($items) </div>
         <div> @Limitless::RandomSelect($items) </div>
         <div> @Limitless::RandomSelect($items) </div>
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     @php
         $example = base64_decode("QHBocAoJJGl0ZW1zID0gWydJdGVtMScsICdJdGVtMicsICdJdGVtMycsICdJdGVtNCcsICdJdGVtNSddOwpAZW5kcGhwCgo8ZGl2PiBATGltaXRsZXNzOjpSYW5kb21TZWxlY3QoJGl0ZW1zKSA8L2Rpdj4KPGRpdj4gQExpbWl0bGVzczo6UmFuZG9tU2VsZWN0KCRpdGVtcykgPC9kaXY+CjxkaXY+IEBMaW1pdGxlc3M6OlJhbmRvbVNlbGVjdCgkaXRlbXMpIDwvZGl2Pgo8ZGl2PiBATGltaXRsZXNzOjpSYW5kb21TZWxlY3QoJGl0ZW1zKSA8L2Rpdj4KPGRpdj4gQExpbWl0bGVzczo6UmFuZG9tU2VsZWN0KCRpdGVtcykgPC9kaXY+");
     @endphp
 
     {{-- Sample Code --}}
-    @Limitless::ElementCardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
+    @Limitless::CardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
         @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $example ])
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
 @stop

src/Views/Limitless/Help/Config.php

@@ -55,7 +55,7 @@
                         $path = 'Limitless::Element.Alert.Documentation.Index';
                         break;
                     case "card":
-                        $path = 'Limitless::Element.Card.Documentation.Index';
+                        $path = 'Limitless::Card.Documentation.Index';
                         break;
                     case "codemirror":
                         $path = 'Limitless::Codemirror.Documentation.Index';

src/Views/Limitless/Help/Pages/Home.blade.php

@@ -3,12 +3,12 @@
 
 @section('Limitless::Content')
 
-@Limitless::ElementCardStart(['title' => "Documentation", 'icon' => 'icon-file-text3', 'collapsible' => true, 'removable' => false, 'extra' => ['style' => 'position:relative;', 'id' => 'elemento1', 'class' => 'card'] ])
+@Limitless::CardStart(['title' => "Documentation", 'icon' => 'icon-file-text3', 'collapsible' => true, 'removable' => false, 'extra' => ['style' => 'position:relative;', 'id' => 'elemento1', 'class' => 'card'] ])
     This is the documentation for the <i>Limitless</i> theme.
     <i>Limitless</i> is a part of <i>Picasso</i>, a feature of the package <i>Sidekick</i> from <i>Ceetrox</i>.
     The elements shown in this documentation are available as blade code and can be copied directly into your project.
     In addition, the core design contains other elements that must first be extracted and adapted from the raw design.
     The raw design is available via the emulated <a target="_blank" href="{{secure_url('/ceetrox/sidekick/resource/public/Webdesigns/design-limitless/Template/layout_1/LTR/dark/full/index.html')}}"> <u>CDN</u> </a> of the <i>ceetrox/sidekick</i> package.
-@Limitless::ElementCardStop
+@Limitless::CardStop
 
 @stop

src/Views/Limitless/Modal/Documentation/Index.blade.php

@@ -5,12 +5,12 @@
 
 
     {{-- Description --}}
-    @Limitless::ElementCardStart(['title' => "Modal", 'icon' => 'icon-stack'])
+    @Limitless::CardStart(['title' => "Modal", 'icon' => 'icon-stack'])
         <p>A styled container for dialogs.</p>
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     {{-- Elements --}}
-    @Limitless::ElementCardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
+    @Limitless::CardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
 
         <div class="bg-dark rounded py-2 px-3 mb-3">
             <h6 class="mb-0 font-weight-semibold">ModalStart</h6>
@@ -130,9 +130,9 @@
             <p class="font-italic font-size-lg">Parameters</p> NONE
         </div>
 
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
-    @Limitless::ElementCardStart(['title' => "Events", 'icon' => 'icon-power2' ] )
+    @Limitless::CardStart(['title' => "Events", 'icon' => 'icon-power2' ] )
         @Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
 
             @Limitless::TableAutofillHeader([
@@ -165,10 +165,10 @@
             ])
 
         @Limitless::TableStop
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     {{-- Sample Output --}}
-    @Limitless::ElementCardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )
+    @Limitless::CardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )
 
         {{-- Modals --}}
         @Limitless::ModalStart(['id' => 'modal_lg_test', 'title' => 'Modal Large Sample', 'icon' => 'icon-menu7', 'size' => 'lg', 'subtitle' => 'Subtitle'])
@@ -259,16 +259,16 @@
         <button type="button" class="btn btn-light mb-1" data-toggle="modal" data-target="#modal_onhidden">Fire modal event onHidden</button>
 
 
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     @php
         $example = base64_decode("Ly8gTW9kYWxzCkBMaW1pdGxlc3M6Ok1vZGFsU3RhcnQoWydpZCcgPT4gJ21vZGFsX2xnX3Rlc3QnLCAndGl0bGUnID0+ICdNb2RhbCBMYXJnZSBTYW1wbGUnLCAnaWNvbicgPT4gJ2ljb24tbWVudTcnLCAnc2l6ZScgPT4gJ2xnJywgJ3N1YnRpdGxlJyA9PiAnU3VidGl0bGUnXSkKCUBMaW1pdGxlc3M6Ok1vZGFsQm9keVN0YXJ0CgkJQExpbWl0bGVzczo6TG9yZW1JcHN1bSg1MCkKCQlATGltaXRsZXNzOjpEaXZpZGVyCgkJQExpbWl0bGVzczo6TG9yZW1JcHN1bSgxMDApCglATGltaXRsZXNzOjpNb2RhbEJvZHlTdG9wCglATGltaXRsZXNzOjpNb2RhbEZvb3RlclN0YXJ0CgkJPGJ1dHRvbiBjbGFzcz0iYnRuIGJ0bi1saW5rIiBkYXRhLWRpc21pc3M9Im1vZGFsIj48aSBjbGFzcz0iaWNvbi1jcm9zczIgZm9udC1zaXplLWJhc2UgbXItMSI+PC9pPiBDbG9zZTwvYnV0dG9uPgoJCTxidXR0b24gY2xhc3M9ImJ0biBiZy1wcmltYXJ5Ij48aSBjbGFzcz0iaWNvbi1jaGVja21hcmszIGZvbnQtc2l6ZS1iYXNlIG1yLTEiPjwvaT4gT2theTwvYnV0dG9uPgoJQExpbWl0bGVzczo6TW9kYWxGb290ZXJTdG9wCkBMaW1pdGxlc3M6Ok1vZGFsU3RvcAoKQExpbWl0bGVzczo6TW9kYWxTdGFydChbJ2lkJyA9PiAnbW9kYWxfeHNfdGVzdCcsICd0aXRsZScgPT4gWyd2YWx1ZScgPT4gJ01vZGFsIEV4dHJhIFNtYWxsIDxiPjxpPlhTPC9pPjwvYj4nLCAnc2VjdXJlJyA9PiBmYWxzZV0sICdpY29uJyA9PiAnaWNvbi1tZW51NycsICdzaXplJyA9PiAneHMnLCAnc3VidGl0bGUnID0+IFsndmFsdWUnID0+ICdTdWJ0aXRsZSA8Yj48aT51bnNlcmN1cmVkPC9pPjwvYj4nLCAnc2VjdXJlJyA9PiBmYWxzZV1dKQoJQExpbWl0bGVzczo6TW9kYWxCb2R5U3RhcnQKCQlATGltaXRsZXNzOjpMb3JlbUlwc3VtKDIwKQoJQExpbWl0bGVzczo6TW9kYWxCb2R5U3RvcApATGltaXRsZXNzOjpNb2RhbFN0b3AKCkBMaW1pdGxlc3M6Ok1vZGFsU3RhcnQoWydpZCcgPT4gJ21vZGFsX3Njcm9sbGFibGVfdGVzdCcsICd0aXRsZScgPT4gJ01vZGFsIFNjcm9sbGFibGUnLCAnaWNvbicgPT4gJ2ljb24tbWVudTcnLCAnc2l6ZScgPT4gJ3hzJywgJ3Njcm9sbGFibGUnID0+IHRydWUsICdzdWJ0aXRsZScgPT4gWydzZWN1cmUnID0+IGZhbHNlXV0pCglATGltaXRsZXNzOjpNb2RhbEJvZHlTdGFydAoJCUBMaW1pdGxlc3M6OkxvcmVtSXBzdW0oNTAwKQoJQExpbWl0bGVzczo6TW9kYWxCb2R5U3RvcAoJQExpbWl0bGVzczo6TW9kYWxGb290ZXJTdGFydCh0cnVlKQoJCTxidXR0b24gY2xhc3M9ImJ0biBidG4tbGluayIgZGF0YS1kaXNtaXNzPSJtb2RhbCI+PGkgY2xhc3M9Imljb24tY3Jvc3MyIGZvbnQtc2l6ZS1iYXNlIG1yLTEiPjwvaT4gQ2xvc2U8L2J1dHRvbj4KCQk8YnV0dG9uIGNsYXNzPSJidG4gYmctcHJpbWFyeSI+PGkgY2xhc3M9Imljb24tY2hlY2ttYXJrMyBmb250LXNpemUtYmFzZSBtci0xIj48L2k+IE9rYXk8L2J1dHRvbj4KCUBMaW1pdGxlc3M6Ok1vZGFsRm9vdGVyU3RvcApATGltaXRsZXNzOjpNb2RhbFN0b3AKCkBMaW1pdGxlc3M6Ok1vZGFsU3RhcnQoWydpZCcgPT4gJ21vZGFsX2JhY2tkcm9wX3Rlc3QnLCAndGl0bGUnID0+ICdNb2RhbCBObyBCYWNrZHJvcCcsICdpY29uJyA9PiAnaWNvbi1tZW51NycsICdiYWNrZHJvcCcgPT4gZmFsc2UgXSkKCUBMaW1pdGxlc3M6Ok1vZGFsQm9keVN0YXJ0CgkJQExpbWl0bGVzczo6TG9yZW1JcHN1bSgyMCkKCUBMaW1pdGxlc3M6Ok1vZGFsQm9keVN0b3AKQExpbWl0bGVzczo6TW9kYWxTdG9wCgpATGltaXRsZXNzOjpNb2RhbFN0YXJ0KFsnaWQnID0+ICdtb2RhbF9rZXlib2FyZF90ZXN0JywgJ3RpdGxlJyA9PiAnTW9kYWwgTm8gS2V5Ym9hcmQgSW50ZXJhY3Rpb24nLCAnaWNvbicgPT4gJ2ljb24tbWVudTcnLCAna2V5Ym9hcmQnID0+IGZhbHNlIF0pCglATGltaXRsZXNzOjpNb2RhbEJvZHlTdGFydAoJCUBMaW1pdGxlc3M6OkxvcmVtSXBzdW0oMjApCglATGltaXRsZXNzOjpNb2RhbEJvZHlTdG9wCkBMaW1pdGxlc3M6Ok1vZGFsU3RvcAoKQExpbWl0bGVzczo6TW9kYWxTdGFydChbJ2lkJyA9PiAnbW9kYWxfbm9fYW5pbWF0aW9uX3Rlc3QnLCAndGl0bGUnID0+ICdNb2RhbCBObyBBbmltYXRpb24nLCAnaWNvbicgPT4gJ2ljb24tbWVudTcnLCAnYW5pbWF0ZScgPT4gZmFsc2UgXSkKCUBMaW1pdGxlc3M6Ok1vZGFsQm9keVN0YXJ0CgkJQExpbWl0bGVzczo6TG9yZW1JcHN1bSg1MCkKCUBMaW1pdGxlc3M6Ok1vZGFsQm9keVN0b3AKQExpbWl0bGVzczo6TW9kYWxTdG9wCgovLyBNb2RhbCBFdmVudHMKQExpbWl0bGVzczo6TW9kYWxTdGFydChbJ2lkJyA9PiAnbW9kYWxfb25zaG93JywgJ3RpdGxlJyA9PiAnTW9kYWwgRXZlbnQgT25TaG93JywgJ2ljb24nID0+ICdpY29uLW1lbnU3JywgJ3NpemUnID0+ICd4cyddKQoJQExpbWl0bGVzczo6TW9kYWxCb2R5U3RhcnQKCQlATGltaXRsZXNzOjpMb3JlbUlwc3VtKDIwKQoJQExpbWl0bGVzczo6TW9kYWxCb2R5U3RvcApATGltaXRsZXNzOjpNb2RhbFN0b3AKCkBMaW1pdGxlc3M6Ok1vZGFsU3RhcnQoWydpZCcgPT4gJ21vZGFsX29uc2hvd24nLCAndGl0bGUnID0+ICdNb2RhbCBFdmVudCBPblNob3duJywgJ2ljb24nID0+ICdpY29uLW1lbnU3JywgJ3NpemUnID0+ICd4cyddKQoJQExpbWl0bGVzczo6TW9kYWxCb2R5U3RhcnQKCQlATGltaXRsZXNzOjpMb3JlbUlwc3VtKDIwKQoJQExpbWl0bGVzczo6TW9kYWxCb2R5U3RvcApATGltaXRsZXNzOjpNb2RhbFN0b3AKCkBMaW1pdGxlc3M6Ok1vZGFsU3RhcnQoWydpZCcgPT4gJ21vZGFsX29uaGlkZScsICd0aXRsZScgPT4gJ01vZGFsIEV2ZW50IE9uSGlkZScsICdpY29uJyA9PiAnaWNvbi1tZW51NycsICdzaXplJyA9PiAneHMnXSkKCUBMaW1pdGxlc3M6Ok1vZGFsQm9keVN0YXJ0CgkJQExpbWl0bGVzczo6TG9yZW1JcHN1bSgyMCkKCUBMaW1pdGxlc3M6Ok1vZGFsQm9keVN0b3AKQExpbWl0bGVzczo6TW9kYWxTdG9wCgpATGltaXRsZXNzOjpNb2RhbFN0YXJ0KFsnaWQnID0+ICdtb2RhbF9vbmhpZGRlbicsICd0aXRsZScgPT4gJ01vZGFsIEV2ZW50IE9uSGlkZGVuJywgJ2ljb24nID0+ICdpY29uLW1lbnU3JywgJ3NpemUnID0+ICd4cyddKQoJQExpbWl0bGVzczo6TW9kYWxCb2R5U3RhcnQKCQlATGltaXRsZXNzOjpMb3JlbUlwc3VtKDIwKQoJQExpbWl0bGVzczo6TW9kYWxCb2R5U3RvcApATGltaXRsZXNzOjpNb2RhbFN0b3AKCi8vIE1vZGFsIGJ1dHRvbnMKPGJ1dHRvbiB0eXBlPSJidXR0b24iIGNsYXNzPSJidG4gYnRuLWxpZ2h0IG1iLTEiIGRhdGEtdG9nZ2xlPSJtb2RhbCIgZGF0YS10YXJnZXQ9IiNtb2RhbF9sZ190ZXN0Ij5MYXJnZSBtb2RhbDwvYnV0dG9uPgo8YnV0dG9uIHR5cGU9ImJ1dHRvbiIgY2xhc3M9ImJ0biBidG4tbGlnaHQgbWItMSIgZGF0YS10b2dnbGU9Im1vZGFsIiBkYXRhLXRhcmdldD0iI21vZGFsX3hzX3Rlc3QiPkV4dHJhIHNtYWxsIG1vZGFsPC9idXR0b24+CjxidXR0b24gdHlwZT0iYnV0dG9uIiBjbGFzcz0iYnRuIGJ0bi1saWdodCBtYi0xIiBkYXRhLXRvZ2dsZT0ibW9kYWwiIGRhdGEtdGFyZ2V0PSIjbW9kYWxfc2Nyb2xsYWJsZV90ZXN0Ij5TY3JvbGxhYmxlIG1vZGFsPC9idXR0b24+CjxidXR0b24gdHlwZT0iYnV0dG9uIiBjbGFzcz0iYnRuIGJ0bi1saWdodCBtYi0xIiBkYXRhLXRvZ2dsZT0ibW9kYWwiIGRhdGEtdGFyZ2V0PSIjbW9kYWxfYmFja2Ryb3BfdGVzdCI+Tm8gYmFja2Ryb3AgbW9kYWw8L2J1dHRvbj4KPGJ1dHRvbiB0eXBlPSJidXR0b24iIGNsYXNzPSJidG4gYnRuLWxpZ2h0IG1iLTEiIGRhdGEtdG9nZ2xlPSJtb2RhbCIgZGF0YS10YXJnZXQ9IiNtb2RhbF9rZXlib2FyZF90ZXN0Ij5ObyBrZXlib2FyZCBpbnRlcmFjdGlvbiBtb2RhbDwvYnV0dG9uPgo8YnV0dG9uIHR5cGU9ImJ1dHRvbiIgY2xhc3M9ImJ0biBidG4tbGlnaHQgbWItMSIgZGF0YS10b2dnbGU9Im1vZGFsIiBkYXRhLXRhcmdldD0iI21vZGFsX25vX2FuaW1hdGlvbl90ZXN0Ij5ObyBhbmltYXRpb24gbW9kYWw8L2J1dHRvbj4KCkBMaW1pdGxlc3M6OkRpdmlkZXIKCi8vIE1vZGFsIGV2ZW50IGJ1dHRvbnMKPGJ1dHRvbiB0eXBlPSJidXR0b24iIGNsYXNzPSJidG4gYnRuLWxpZ2h0IG1iLTEiIGRhdGEtdG9nZ2xlPSJtb2RhbCIgZGF0YS10YXJnZXQ9IiNtb2RhbF9vbnNob3ciPkZpcmUgbW9kYWwgZXZlbnQgb25TaG93PC9idXR0b24+CjxidXR0b24gdHlwZT0iYnV0dG9uIiBjbGFzcz0iYnRuIGJ0bi1saWdodCBtYi0xIiBkYXRhLXRvZ2dsZT0ibW9kYWwiIGRhdGEtdGFyZ2V0PSIjbW9kYWxfb25zaG93biI+RmlyZSBtb2RhbCBldmVudCBvblNob3duPC9idXR0b24+CjxidXR0b24gdHlwZT0iYnV0dG9uIiBjbGFzcz0iYnRuIGJ0bi1saWdodCBtYi0xIiBkYXRhLXRvZ2dsZT0ibW9kYWwiIGRhdGEtdGFyZ2V0PSIjbW9kYWxfb25oaWRlIj5GaXJlIG1vZGFsIGV2ZW50IG9uSGlkZTwvYnV0dG9uPgo8YnV0dG9uIHR5cGU9ImJ1dHRvbiIgY2xhc3M9ImJ0biBidG4tbGlnaHQgbWItMSIgZGF0YS10b2dnbGU9Im1vZGFsIiBkYXRhLXRhcmdldD0iI21vZGFsX29uaGlkZGVuIj5GaXJlIG1vZGFsIGV2ZW50IG9uSGlkZGVuPC9idXR0b24+CgovLyBFdmVudHMKJChkb2N1bWVudCkucmVhZHkoZnVuY3Rpb24oKSB7CgogICAgLy8gb25TaG93IGNhbGxiYWNrCiAgICAkKCcjbW9kYWxfb25zaG93Jykub24oJ3Nob3cuYnMubW9kYWwnLCBmdW5jdGlvbigpIHsKICAgICAgICBhbGVydCgnb25TaG93IGNhbGxiYWNrIGZpcmVkLicpCiAgICB9KTsKCiAgICAvLyBvblNob3duIGNhbGxiYWNrCiAgICAkKCcjbW9kYWxfb25zaG93bicpLm9uKCdzaG93bi5icy5tb2RhbCcsIGZ1bmN0aW9uKCkgewogICAgICAgIGFsZXJ0KCdvblNob3duIGNhbGxiYWNrIGZpcmVkLicpCiAgICB9KTsKCiAgICAvLyBvbkhpZGUgY2FsbGJhY2sKICAgICQoJyNtb2RhbF9vbmhpZGUnKS5vbignaGlkZS5icy5tb2RhbCcsIGZ1bmN0aW9uKCkgewogICAgICAgIGFsZXJ0KCdvbkhpZGUgY2FsbGJhY2sgZmlyZWQuJykKICAgIH0pOwoKICAgIC8vIG9uSGlkZGVuIGNhbGxiYWNrCiAgICAkKCcjbW9kYWxfb25oaWRkZW4nKS5vbignaGlkZGVuLmJzLm1vZGFsJywgZnVuY3Rpb24oKSB7CiAgICAgICAgYWxlcnQoJ29uSGlkZGVuIGNhbGxiYWNrIGZpcmVkLicpCiAgICB9KTsKCn0p");
     @endphp
 
     {{-- Sample Code --}}
-    @Limitless::ElementCardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
+    @Limitless::CardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
         @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $example ])
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
 
 

src/Views/Limitless/Navigation/Documentation/Index.blade.php

@@ -5,14 +5,14 @@
 
 
     {{-- Description --}}
-    @Limitless::ElementCardStart(['title' => "Navigation", 'icon' => 'icon-menu8'])
+    @Limitless::CardStart(['title' => "Navigation", 'icon' => 'icon-menu8'])
     <p>
         A vertical area that displays the items for website page navigation.
     </p>
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     {{-- Elements --}}
-    @Limitless::ElementCardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
+    @Limitless::CardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
 
         <div class="bg-dark rounded py-2 px-3 mb-3">
             <h6 class="mb-0 font-weight-semibold">NavigationStart</h6>
@@ -146,11 +146,11 @@
             <p class="font-italic font-size-lg ">Parameters</p> NONE
         </div>
 
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
 
     {{-- Sample Output --}}
-    @Limitless::ElementCardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ])
+    @Limitless::CardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ])
         @Limitless::NavigationStart([ 'extra' => ['id' => 'navigation-main', 'data-index' => 1] ])
             @Limitless::NavigationMenuSectionTitle(['title' => 'Menu section title 1'])
             @Limitless::NavigationMenuItem(['url' => '#', 'target' => '_self', 'icon' => 'icon-three-bars', 'title' => 'Menu Item 1'])
@@ -167,15 +167,15 @@
                 @Limitless::NavigationMenuStop
             @Limitless::NavigationMenuStop
         @Limitless::NavigationStop
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     @php
         $example = base64_decode("QExpbWl0bGVzczo6RWxlbWVudENhcmRTdGFydChbJ3RpdGxlJyA9PiAiU2FtcGxlIE91dHB1dCIsICdpY29uJyA9PiAnaWNvbi1kaXNwbGF5NCcgXSkKCUBMaW1pdGxlc3M6Ok5hdmlnYXRpb25TdGFydChbICdleHRyYScgPT4gWydpZCcgPT4gJ25hdmlnYXRpb24tbWFpbicsICdkYXRhLWluZGV4JyA9PiAxXSBdKQoJCUBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51U2VjdGlvblRpdGxlKFsndGl0bGUnID0+ICdNZW51IHNlY3Rpb24gdGl0bGUgMSddKQoJCUBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51SXRlbShbJ3VybCcgPT4gJyMnLCAndGFyZ2V0JyA9PiAnX3NlbGYnLCAnaWNvbicgPT4gJ2ljb24tdGhyZWUtYmFycycsICd0aXRsZScgPT4gJ01lbnUgSXRlbSAxJ10pCgkJQExpbWl0bGVzczo6TmF2aWdhdGlvbk1lbnVJdGVtKFsndXJsJyA9PiAnIycsICd0YXJnZXQnID0+ICdfc2VsZicsICdpY29uJyA9PiAnaWNvbi10aHJlZS1iYXJzJywgJ3RpdGxlJyA9PiAnTWVudSBJdGVtIDInXSkKCQlATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudUl0ZW0oWyd1cmwnID0+ICcjJywgJ3RhcmdldCcgPT4gJ19zZWxmJywgJ2ljb24nID0+ICdpY29uLXRocmVlLWJhcnMnLCAndGl0bGUnID0+ICdNZW51IEl0ZW0gMyddKQoJCUBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51U3RhcnQoWyd0aXRsZScgPT4gJ0xldmVsIDEgU3VibWVudSBJdGVtIFBhcmVudCcsICdpY29uJyA9PiAnaWNvbi10aHJlZS1iYXJzJ10pCgkJCUBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51U2VjdGlvblRpdGxlKFsndGl0bGUnID0+ICdNZW51IHNlY3Rpb24gdGl0bGUgMiddKQoJCQlATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudUl0ZW0oWyd1cmwnID0+ICcjJywgJ3RhcmdldCcgPT4gJ19zZWxmJywgJ2ljb24nID0+ICdpY29uLXRocmVlLWJhcnMnLCAndGl0bGUnID0+ICdMZXZlbCAxIFN1Ym1lbnUgSXRlbSBDaGlsZCAxJ10pCgkJCUBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51SXRlbShbJ3VybCcgPT4gJyMnLCAndGFyZ2V0JyA9PiAnX3NlbGYnLCAnaWNvbicgPT4gJ2ljb24tdGhyZWUtYmFycycsICd0aXRsZScgPT4gJ0xldmVsIDEgU3VibWVudSBJdGVtIENoaWxkIDInXSkKCQkJQExpbWl0bGVzczo6TmF2aWdhdGlvbk1lbnVTdGFydChbJ3RpdGxlJyA9PiAnTGV2ZWwgMiBTdWJtZW51IEl0ZW0gUGFyZW50JywgJ2ljb24nID0+ICdpY29uLXRocmVlLWJhcnMnXSkKCQkJCUBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51U2VjdGlvblRpdGxlKFsndGl0bGUnID0+ICdNZW51IHNlY3Rpb24gdGl0bGUgMyddKQoJCQkJQExpbWl0bGVzczo6TmF2aWdhdGlvbk1lbnVJdGVtKFsndXJsJyA9PiAnIycsICd0YXJnZXQnID0+ICdfc2VsZicsICdpY29uJyA9PiAnaWNvbi10aHJlZS1iYXJzJywgJ3RpdGxlJyA9PiAnTGV2ZWwgMiBTdWJtZW51IEl0ZW0gQ2hpbGQgMSddKQoJCQkJQExpbWl0bGVzczo6TmF2aWdhdGlvbk1lbnVJdGVtKFsndXJsJyA9PiAnIycsICd0YXJnZXQnID0+ICdfc2VsZicsICdpY29uJyA9PiAnaWNvbi10aHJlZS1iYXJzJywgJ3RpdGxlJyA9PiAnTGV2ZWwgMiBTdWJtZW51IEl0ZW0gQ2hpbGQgMiddKQoJCQlATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudVN0b3AKCQlATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudVN0b3AKCUBMaW1pdGxlc3M6Ok5hdmlnYXRpb25TdG9wCkBMaW1pdGxlc3M6OkVsZW1lbnRDYXJkU3RvcA==");
     @endphp
 
     {{-- Sample Code --}}
-    @Limitless::ElementCardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
+    @Limitless::CardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
         @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $example ])
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
 @stop

src/Views/Limitless/Table/Documentation/Index.blade.php

@@ -4,12 +4,12 @@
 @section('Limitless::Content')
 
     {{-- Description --}}
-    @Limitless::ElementCardStart(['title' => "Table", 'icon' => 'icon-table2'])
+    @Limitless::CardStart(['title' => "Table", 'icon' => 'icon-table2'])
         <p>A data container with rows and columns.</p>
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     {{-- Elements --}}
-    @Limitless::ElementCardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
+    @Limitless::CardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
 
         <div class="bg-dark rounded py-2 px-3 mb-3">
             <h6 class="mb-0 font-weight-semibold">TableStart</h6>
@@ -116,10 +116,10 @@
             </div>
         </div>
 
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     {{-- Sample Output --}}
-    @Limitless::ElementCardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )
+    @Limitless::CardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )
 
         @Limitless::TableStart([ 'extra' => ['class' => 'table table-striped'] ])
 
@@ -147,15 +147,15 @@
 
         @Limitless::TableStop
 
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
     @php
         $example = base64_decode("QExpbWl0bGVzczo6VGFibGVTdGFydChbICdleHRyYScgPT4gWydjbGFzcycgPT4gJ3RhYmxlIHRhYmxlLXN0cmlwZWQnXSBdKQoKCUBMaW1pdGxlc3M6OlRhYmxlQXV0b2ZpbGxIZWFkZXIoWwoJCVsnbmFtZScgPT4gJ0NvbHVtbiAxJ10sCgkJWyduYW1lJyA9PiAnPGEgaHJlZj0iIyI+VXJsIENvbHVtbiAyPC9hPicsICdzZWN1cmUnID0+IGZhbHNlXSwKCQlbJ25hbWUnID0+ICdDb2x1bW4gMyddLAoJCVsnbmFtZScgPT4gJ0NvbHVtbiA0J10KCV0pCgoJQExpbWl0bGVzczo6VGFibGVBdXRvZmlsbEJvZHkoWwoJCVsKCQkJWyd2YWx1ZScgPT4gJ0RhdGEgPHNwYW4gY2xhc3M9InRleHQtaW5mbyI+MTwvc3Bhbj4gUm93IDxzcGFuIGNsYXNzPSJ0ZXh0LXByaW1hcnkiPjE8L3NwYW4+JywgJ3NlY3VyZScgPT4gZmFsc2VdLAoJCQlbJ3ZhbHVlJyA9PiAnPGk+RGF0YSAyIFJvdyA8L2k+PHN1cD4xPC9zdXA+JywgJ3NlY3VyZScgPT4gZmFsc2VdLAoJCQlbJ3ZhbHVlJyA9PiAnPHU+RGF0YSAzIFJvdyAxPC91PicsICdzZWN1cmUnID0+IGZhbHNlXSwKCQkJWyd2YWx1ZScgPT4gJ0RhdGEgNCBSb3cgMSddCgkJXSwKCQlbCgkJCVsndmFsdWUnID0+ICdEYXRhIDEgUm93IDInXSwKCQkJWyd2YWx1ZScgPT4gJzxjb2RlPkRhdGEgMiBSb3cgPHN1Yj4yPC9zdWI+PC9jb2RlPicsICdzZWN1cmUnID0+IGZhbHNlXSwKCQkJWyd2YWx1ZScgPT4gJzxtYXJrPkRhdGEgMyBSb3cgMjwvbWFyaz4nLCAnc2VjdXJlJyA9PiBmYWxzZV0sCgkJCVsndmFsdWUnID0+ICc8Yj48cz5EYXRhIDQ8L3M+IFJvdyAyPC9iPicsICdzZWN1cmUnID0+IGZhbHNlXSwKCQldCgldKQoKQExpbWl0bGVzczo6VGFibGVTdG9w");
     @endphp
 
     {{-- Sample Code --}}
-    @Limitless::ElementCardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
+    @Limitless::CardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
         @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $example ])
-    @Limitless::ElementCardStop
+    @Limitless::CardStop
 
 @stop