Merge pull request #1079 from IgniteUI/sstoychev/claude-assisted-sample-transfer

feat(grid-lite): adding grid lite samples

Author: ChronosSF

browser/public/index.html

@@ -236,6 +236,7 @@
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/tooltip-template">─<span>Tooltip Template</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/transition-event">─<span>Transition Event</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/trendline-layer">─<span>Trendline Layer</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/user-annotation-layer">─<span>User Annotation Layer</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/waterfall-chart">─<span>Waterfall Chart</span></a> 
        </div>
        <label id="nav-data-pie-chart" class="nav-component">Data Pie Chart</label> 
@@ -486,6 +487,8 @@
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/cascading-combo">─<span>Cascading Combo</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/cell-editing-sample">─<span>Cell Editing Sample</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/cell-editing-styling">─<span>Cell Editing Styling</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/grid/cell-merge">─<span>Cell Merge</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/grid/cell-merge-custom-sample">─<span>Cell Merge Custom Sample</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/cell-selection-mode">─<span>Cell Selection Mode</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/cell-selection-style">─<span>Cell Selection Style</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/change-icons-custom">─<span>Change Icons Custom</span></a> 
@@ -499,6 +502,7 @@
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/column-moving-options">─<span>Column Moving Options</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/column-moving-styles">─<span>Column Moving Styles</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/column-pinning">─<span>Column Pinning</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/grid/column-pinning-both-sides">─<span>Column Pinning Both Sides</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/column-pinning-options">─<span>Column Pinning Options</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/column-pinning-right-side">─<span>Column Pinning Right Side</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/column-pinning-styles">─<span>Column Pinning Styles</span></a> 
@@ -592,13 +596,30 @@
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/toolbar-sample-4">─<span>Toolbar Sample4</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/toolbar-style">─<span>Toolbar Style</span></a> 
        </div>
+       <label id="nav-grid-lite" class="nav-component">Grid Lite</label> 
+       <div id="nav-grid-lite-list" class="nav-list" state="collapsed"> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/grid-lite/column-config-dynamic">─<span>Column Config Dynamic</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/grid-lite/column-config-headers">─<span>Column Config Headers</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/grid-lite/column-config-sample">─<span>Column Config Sample</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/grid-lite/data-binding-dynamic">─<span>Data Binding Dynamic</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/grid-lite/filtering-pipeline">─<span>Filtering Pipeline</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/grid-lite/filtering-simple">─<span>Filtering Simple</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/grid-lite/overview">─<span>Overview</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/grid-lite/sorting-events">─<span>Sorting Events</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/grid-lite/sorting-grid-config">─<span>Sorting Grid Config</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/grid-lite/sorting-pipeline">─<span>Sorting Pipeline</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/grid-lite/sorting-simple">─<span>Sorting Simple</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/grid-lite/styling-custom">─<span>Styling Custom</span></a> 
+       </div>
        <label id="nav-hierarchical-grid" class="nav-component">Hierarchical Grid</label> 
        <div id="nav-hierarchical-grid-list" class="nav-list" state="collapsed"> 
            <a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/action-strip">─<span>Action Strip</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/advanced-filtering-options">─<span>Advanced Filtering Options</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/advanced-filtering-style">─<span>Advanced Filtering Style</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/cell-editing-sample">─<span>Cell Editing Sample</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/cell-editing-styling">─<span>Cell Editing Styling</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/cell-merge">─<span>Cell Merge</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/cell-merge-custom-sample">─<span>Cell Merge Custom Sample</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/cell-selection-mode">─<span>Cell Selection Mode</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/cell-selection-overview">─<span>Cell Selection Overview</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/cell-selection-style">─<span>Cell Selection Style</span></a> 
@@ -610,6 +631,7 @@
            <a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/column-moving-options">─<span>Column Moving Options</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/column-moving-styles">─<span>Column Moving Styles</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/column-pinning">─<span>Column Pinning</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/column-pinning-both-sides">─<span>Column Pinning Both Sides</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/column-pinning-options">─<span>Column Pinning Options</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/column-pinning-right-side">─<span>Column Pinning Right Side</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/column-pinning-styles">─<span>Column Pinning Styles</span></a> 
@@ -705,6 +727,8 @@
            <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/advanced-filtering-style">─<span>Advanced Filtering Style</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/cell-editing-sample">─<span>Cell Editing Sample</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/cell-editing-styling">─<span>Cell Editing Styling</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/cell-merge">─<span>Cell Merge</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/cell-merge-custom-sample">─<span>Cell Merge Custom Sample</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/cell-selection-mode">─<span>Cell Selection Mode</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/cell-selection-style">─<span>Cell Selection Style</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/clipboard-operations">─<span>Clipboard Operations</span></a> 
@@ -716,6 +740,7 @@
            <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/column-moving-options">─<span>Column Moving Options</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/column-moving-styles">─<span>Column Moving Styles</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/column-pinning">─<span>Column Pinning</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/column-pinning-both-sides">─<span>Column Pinning Both Sides</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/column-pinning-options">─<span>Column Pinning Options</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/column-pinning-right-side">─<span>Column Pinning Right Side</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/column-pinning-styles">─<span>Column Pinning Styles</span></a> 
@@ -1069,6 +1094,10 @@
            <a class="nav-link" href="#" data-nav="/samples/layouts/tabs/scrolling">─<span>Scrolling</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/layouts/tabs/styling">─<span>Styling</span></a> 
        </div>
+       <label id="nav-tailwind" class="nav-component">Tailwind</label> 
+       <div id="nav-tailwind-list" class="nav-list" state="collapsed"> 
+           <a class="nav-link" href="#" data-nav="/samples/layouts/tailwind/styling">─<span>Styling</span></a> 
+       </div>
        <label id="nav-tile-manager" class="nav-component">Tile Manager</label> 
        <div id="nav-tile-manager-list" class="nav-list" state="collapsed"> 
            <a class="nav-link" href="#" data-nav="/samples/layouts/tile-manager/actions">─<span>Actions</span></a> 

browser/tasks/gulp-samples.js

@@ -1011,7 +1011,8 @@ function updateIG(cb) {
         { version: "6.3.0-beta.0", name: "igniteui-webcomponents-spreadsheet" },
         { version: "6.3.0-beta.0", name: "igniteui-webcomponents-datasources" },
         { version: "6.3.0-beta.0", name: "igniteui-webcomponents-dashboards" },
-        // these IG packages are sometimes updated:        
+        // these IG packages are sometimes updated:
+        { version: "^1.0.0-alpha.9", name: "igniteui-grid-lite" },
         { version: "6.2.0", name: "igniteui-webcomponents-grids" },
         { version: "^6.3.1" , name: "igniteui-webcomponents" },
         { version: "1.16.0", name: "igniteui-dockmanager" },