Merge branch 'vnext' into mkirova/grid-group-by

CODEOWNERS

@@ -0,0 +1,7 @@
+# code owners must approve PRs
+* @HUSSAR-mtrela
+
+# *.md @HUSSAR-mtrela
+# *.js @HUSSAR-mtrela
+# *.ts @HUSSAR-mtrela
+# *.json @HUSSAR-mtrela

azure-pipelines/build-pipeline.yml

@@ -4,20 +4,16 @@ trigger:
     - vnext
     - master
     - btraykov/azure-pipeline
-
 pr:
   branches:
     exclude:
     - '*'  # must quote since "*" is a YAML reserved character; we want a string
-
 parameters:
 - name: isVerbose
   displayName: 'Get verbose output from steps - where configurable'
   type: boolean
   default: false
-
 name: $(BuildDefinitionName)_$(Year:yyyy).$(Month).$(DayOfMonth)$(Rev:.r)
-
 stages:
 - stage: Build
   pool:
@@ -28,20 +24,18 @@ stages:
     steps:
       - checkout: 'self' 
         path: $(Build.Repository.Name)
-
       - task: NodeTool@0
         displayName: 'Install Node'
         inputs:
           versionSource: 'spec'
           versionSpec: '16.x'
-
       - task: Npm@1
         displayName: 'Register licensed npm registry in .npmrc'
         inputs:
           command: 'custom'
           workingDir: '$(Build.SourcesDirectory)'
           customCommand: 'config -L project set @infragistics:registry=https://packages.infragistics.com/npm/js-licensed/'
-          customEndpoint: 'public proget'
+          customEndpoint: 'internal proget'
 
       - task: Npm@1
         displayName: 'npm ci --legacy-peer-deps'
@@ -60,11 +54,9 @@ stages:
           targetType: 'inline'
           script: |
             Get-Content -Path .\.npmrc
-
             $packageJson = Get-Content -Raw .\package.json | ConvertFrom-Json
             $npmUninstallPackages = "npm uninstall --save "
             $npmInstallPackages = "npm install "
-
             $packageJson.dependencies.PSObject.Properties | `
                 Where-Object {
                     $_.Name.StartsWith("igniteui-webcomponents-") -or $_.Name.StartsWith("igniteui-dockmanager") `
@@ -73,28 +65,23 @@ stages:
                     $npmUninstallPackages += $_.Name + " "
                     $npmInstallPackages += "@infragistics/" + $_.Name + "@" + $_.Value + " "
                 }
-
             Write-Host $npmUninstallPackages
             Write-Host $npmInstallPackages
-
             Invoke-Expression -Command “$npmUninstallPackages”
             Invoke-Expression -Command “$npmInstallPackages”
-
       - task: Npm@1
         displayName: 'npm run build'
         inputs:
           command: custom
           workingDir: '$(Build.SourcesDirectory)'
           verbose: ${{ parameters.isVerbose }}
           customCommand: 'run build'
-
       - task: CopyFiles@2
         displayName: 'Copy web.config into the dist dir'
         inputs:
           SourceFolder: '$(Build.SourcesDirectory)/browser'
           Contents: 'web.config'
           TargetFolder: '$(Build.SourcesDirectory)/browser/dist'
-
       - task: ArchiveFiles@2
         displayName: 'Package samples browser'
         inputs:
@@ -104,7 +91,6 @@ stages:
           archiveType: 'zip'
           archiveFile: '$(Build.ArtifactStagingDirectory)/WebComponentsSamples.zip'
           replaceExistingArchive: true
-
       - task: PublishPipelineArtifact@1
         displayName: 'Publish pipeline artifact'
         inputs:

browser/public/index.html

@@ -37,6 +37,7 @@
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/annotations-all">─<span>Annotations All</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/annotations-callouts">─<span>Annotations Callouts</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/annotations-crosshairs">─<span>Annotations Crosshairs</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/annotations-custom">─<span>Annotations Custom</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/annotations-final-value">─<span>Annotations Final Value</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/annotations-highlighting">─<span>Annotations Highlighting</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/area-chart-multiple-sources">─<span>Area Chart Multiple Sources</span></a> 
@@ -57,12 +58,14 @@
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/column-chart-styling">─<span>Column Chart Styling</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/column-chart-with-highlighting">─<span>Column Chart With Highlighting</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/column-chart-with-tooltips">─<span>Column Chart With Tooltips</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/custom-selection">─<span>Custom Selection</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/data-aggregations">─<span>Data Aggregations</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/data-legend">─<span>Data Legend</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/data-legend-formatting-decimals">─<span>Data Legend Formatting Decimals</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/data-tooltip">─<span>Data Tooltip</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/data-tooltip-formatting-decimals">─<span>Data Tooltip Formatting Decimals</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/data-tooltip-positioning">─<span>Data Tooltip Positioning</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/format-specifiers">─<span>Format Specifiers</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/high-frequency">─<span>High Frequency</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/high-volume">─<span>High Volume</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/highlighting">─<span>Highlighting</span></a> 
@@ -97,6 +100,7 @@
        </div>
        <label id="nav-data-chart" class="nav-component">Data Chart</label> 
        <div id="nav-data-chart-list" class="nav-list" state="collapsed"> 
+           <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/annotations-custom">─<span>Annotations Custom</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/axis-annotations">─<span>Axis Annotations</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/axis-annotations-corner-radius">─<span>Axis Annotations Corner Radius</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/axis-crossing">─<span>Axis Crossing</span></a> 
@@ -118,6 +122,8 @@
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/chart-titles">─<span>Chart Titles</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/composite-chart">─<span>Composite Chart</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/crosshair-layer-styling">─<span>Crosshair Layer Styling</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/custom-drawing-annotations">─<span>Custom Drawing Annotations</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/custom-editing-data">─<span>Custom Editing Data</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/dash-array-axes">─<span>Dash Array Axes</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/dash-array-series">─<span>Dash Array Series</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/dash-array-tickmarks">─<span>Dash Array Tickmarks</span></a> 
@@ -132,6 +138,7 @@
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/type-financial-overlays">─<span>Financial Overlays</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/financial-price-series">─<span>Financial Price Series</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/type-financial-series">─<span>Financial Series</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/format-specifiers">─<span>Format Specifiers</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/legends">─<span>Legends</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/polar-area-chart">─<span>Polar Area Chart</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/polar-area-chart-styling">─<span>Polar Area Chart Styling</span></a> 
@@ -210,6 +217,7 @@
            <a class="nav-link" href="#" data-nav="/samples/charts/financial-chart/data-tooltip">─<span>Data Tooltip</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/financial-chart/data-tooltip-formatting-currency">─<span>Data Tooltip Formatting Currency</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/financial-chart/data-tooltip-styling-props">─<span>Data Tooltip Styling Props</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/charts/financial-chart/format-specifiers">─<span>Format Specifiers</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/financial-chart/high-frequency">─<span>High Frequency</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/financial-chart/high-volume">─<span>High Volume</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/financial-chart/indicator-customization">─<span>Indicator Customization</span></a> 
@@ -434,6 +442,7 @@
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/column-sorting-options">─<span>Column Sorting Options</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/column-sorting-style">─<span>Column Sorting Style</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/conditional-cell-style-1">─<span>Conditional Cell Style1</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/grid/conditional-cell-style-2">─<span>Conditional Cell Style2</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/conditional-row-selectors">─<span>Conditional Row Selectors</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/custom-context-menu">─<span>Custom Context Menu</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/data-batch-editing-actions">─<span>Data Batch Editing Actions</span></a> 
@@ -466,6 +475,7 @@
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/groupby-summary-options">─<span>Groupby Summary Options</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/groupby-summary-styling">─<span>Groupby Summary Styling</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/infinite-scroll">─<span>Infinite Scroll</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/grid/keyboard-custom-navigation">─<span>Keyboard Custom Navigation</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/keyboard-mrl-navigation">─<span>Keyboard Mrl Navigation</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/layout-display-density">─<span>Layout Display Density</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/master-detail">─<span>Master Detail</span></a> 
@@ -487,6 +497,7 @@
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/row-selection-mode">─<span>Row Selection Mode</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/row-selection-template-excel">─<span>Row Selection Template Excel</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/row-selection-template-numbers">─<span>Row Selection Template Numbers</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/grid/row-styles">─<span>Row Styles</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/styling-custom-css">─<span>Styling Custom Css</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/toolbar-sample-1">─<span>Toolbar Sample1</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/toolbar-sample-2">─<span>Toolbar Sample2</span></a> 
@@ -513,6 +524,7 @@
        <div id="nav-tree-list" class="nav-list" state="collapsed"> 
            <a class="nav-link" href="#" data-nav="/samples/grids/tree/basic-example">─<span>Basic Example</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/tree/load-on-demand">─<span>Load On Demand</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/tree/load-on-demand-virtualized">─<span>Load On Demand Virtualized</span></a> 
        </div>
        <label id="nav-tree-grid" class="nav-component">Tree Grid</label> 
        <div id="nav-tree-grid-list" class="nav-list" state="collapsed"> 
@@ -717,11 +729,16 @@
        <label id="nav-dock-manager" class="nav-component">Dock Manager</label> 
        <div id="nav-dock-manager-list" class="nav-list" state="collapsed"> 
            <a class="nav-link" href="#" data-nav="/samples/layouts/dock-manager/add-content-runtime">─<span>Add Content Runtime</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/layouts/dock-manager/contained-in-boundaries">─<span>Contained In Boundaries</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/layouts/dock-manager/customize-buttons">─<span>Customize Buttons</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/layouts/dock-manager/embedding-frames">─<span>Embedding Frames</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/layouts/dock-manager/focus-panes">─<span>Focus Panes</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/layouts/dock-manager/hide-pane-headers">─<span>Hide Pane Headers</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/layouts/dock-manager/hiding-panes">─<span>Hiding Panes</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/layouts/dock-manager/overview">─<span>Overview</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/layouts/dock-manager/proximity-dock">─<span>Proximity Dock</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/layouts/dock-manager/styling">─<span>Styling</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/layouts/dock-manager/toggle-inner-dock">─<span>Toggle Inner Dock</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/layouts/dock-manager/updating-panes">─<span>Updating Panes</span></a> 
        </div>
        <label id="nav-expansion-panel" class="nav-component">Expansion Panel</label> 
@@ -738,6 +755,7 @@
        </div>
        <label id="nav-stepper" class="nav-component">Stepper</label> 
        <div id="nav-stepper-list" class="nav-list" state="collapsed"> 
+           <a class="nav-link" href="#" data-nav="/samples/layouts/stepper/animations">─<span>Animations</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/layouts/stepper/linear">─<span>Linear</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/layouts/stepper/orientation">─<span>Orientation</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/layouts/stepper/overview">─<span>Overview</span></a>