add leading icon

Author: adolgachev

src/material/chips/chip-row.ts

@@ -46,6 +46,7 @@ export interface MatChipEditedEvent extends MatChipEvent {
     '[class.mat-mdc-chip-editing]': '_isEditing',
     '[class.mat-mdc-chip-editable]': 'editable',
     '[class.mdc-evolution-chip--disabled]': 'disabled',
+    '[class.mdc-evolution-chip--with-leading-action]': '!!editIcon',
     '[class.mdc-evolution-chip--with-trailing-action]': '_hasTrailingIcon()',
     '[class.mdc-evolution-chip--with-primary-graphic]': '_hasLeadingIcon()',
     '[class.mdc-evolution-chip--with-primary-icon]': '_hasLeadingIcon()',

src/material/chips/chip.scss

@@ -271,6 +271,7 @@ $token-slots: m2-chip.get-token-slots();
   // Moved out into variables, because the selectors are too long.
   $with-icon: '.mdc-evolution-chip--with-primary-icon';
   $with-graphic: '.mdc-evolution-chip--with-primary-graphic';
+  $with-leading: '.mdc-evolution-chip--with-leading-action';
   $with-trailing: '.mdc-evolution-chip--with-trailing-action';
 
   .mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(#{$with-icon}) & {
@@ -302,6 +303,11 @@ $token-slots: m2-chip.get-token-slots();
     padding-right: $_avatar-trailing-padding;
   }
 
+  .mdc-evolution-chip--with-avatar#{$with-graphic}#{$with-leading} & {
+    padding-left: 0;
+    padding-right: $_avatar-trailing-padding;
+  }
+
   [dir='rtl'] .mdc-evolution-chip--with-avatar#{$with-graphic}#{$with-trailing} & {
     padding-left: $_avatar-trailing-padding;
     padding-right: $_avatar-leading-padding;