@covalent/core 3.1.2 → 4.0.0-beta.2

package/sidesheet/package.json

@@ -1,11 +0,0 @@
-{
-  "main": "../bundles/covalent-core-sidesheet.umd.js",
-  "module": "../fesm2015/covalent-core-sidesheet.js",
-  "es2015": "../fesm2015/covalent-core-sidesheet.js",
-  "esm2015": "../esm2015/sidesheet/covalent-core-sidesheet.js",
-  "fesm2015": "../fesm2015/covalent-core-sidesheet.js",
-  "typings": "covalent-core-sidesheet.d.ts",
-  "metadata": "covalent-core-sidesheet.metadata.json",
-  "sideEffects": false,
-  "name": "@covalent/core/sidesheet"
-}

package/sidesheet/public-api.d.ts

@@ -1,2 +0,0 @@
-export * from './sidesheet.module';
-export * from './sidesheet.component';

package/sidesheet/sidesheet.component.d.ts

@@ -1,13 +0,0 @@
-export declare class TdSidesheetContentDirective {
-}
-export declare class TdSidesheetTitleDirective {
-}
-export declare class TdSidesheetActionsDirective {
-    align: 'start' | 'end';
-}
-export declare class TdSidesheetHeaderComponent {
-}
-export declare class TdSidesheetComponent {
-    headerExists: TdSidesheetHeaderComponent;
-    actionsExist: TdSidesheetActionsDirective;
-}

package/sidesheet/sidesheet.component.scss

@@ -1,101 +0,0 @@
-$td-sidesheet-side-padding: 16px !default;
-$td-sidesheet-top-padding: 20px !default;
-
-// base style for [layout]
-%layout {
-  box-sizing: border-box;
-  display: flex;
-}
-
-// base stle for [layout="column"]
-%layout-column {
-  @extend %layout;
-
-  flex-direction: column;
-}
-
-// base stle for [layout="column"]
-%layout-row {
-  @extend %layout;
-
-  flex-direction: row;
-}
-
-// base style for [layout-fill]
-%layout-fill {
-  margin: 0;
-  width: 100%;
-  min-height: 100%;
-  height: 100%;
-}
-
-// base style for [layout-align="start center"]
-%layout-align-start-center {
-  align-items: center;
-  align-content: center;
-  max-width: 100%;
-  justify-content: flex-start;
-}
-
-td-sidesheet {
-  @extend %layout-column, %layout-fill;
-
-  .mat-divider-horizontal {
-    position: static !important;
-  }
-
-  td-sidesheet-title {
-    flex: 1;
-  }
-
-  // HEADER STYLES
-  td-sidesheet-header {
-    @extend %layout-row, %layout-align-start-center;
-
-    width: 100%;
-    padding: $td-sidesheet-top-padding $td-sidesheet-side-padding;
-    font-size: 18px;
-
-    .mat-button-focus-overlay {
-      background-color: transparent !important;
-    }
-    .mat-icon-button {
-      width: 24px;
-      height: 24px;
-      line-height: 21px;
-    }
-  }
-
-  // ACTION STYLES
-  td-sidesheet-actions {
-    padding: ($td-sidesheet-side-padding / 2);
-    display: block;
-  }
-
-  // CONTENT STYLES
-  .td-sidesheet-content-wrapper {
-    flex: 1;
-    // [.mat-content]
-    position: relative;
-    overflow-y: auto;
-  }
-  td-sidesheet-content {
-    display: block;
-    padding: $td-sidesheet-side-padding;
-  }
-}
-
-// FIRST/LAST CHILD ADJUSTMENTS
-// top els in td-sidesheet-content and td-sidesheet can't have their default margin-tops (e.g. <p> tags)
-// or they'll incorrectly add to card's top padding
-td-sidesheet > :first-child,
-td-sidesheet-content > :first-child {
-  margin-top: 0;
-}
-
-// last els in td-sidesheet-content and td-sidesheet can't have their default margin-bottoms (e.g. <p> tags)
-// or they'll incorrectly add to card's bottom padding
-td-sidesheet > :last-child,
-td-sidesheet-content > :last-child {
-  margin-bottom: 0;
-}

package/sidesheet/sidesheet.module.d.ts

@@ -1,2 +0,0 @@
-export declare class CovalentSidesheetModule {
-}

package/steps/README.md

@@ -1,159 +0,0 @@
-# td-steps (horizontal and vertical)
-
-selector : `td-steps` 
-
-Element generates a stepper to be used in a wizard flow.
-
-Simply wrap the `<td-step>` elements you need with a `<td-steps>` element.
-
-<br/>
-
-## API Summary
-
-#### Inputs
-
-+ mode?: StepMode or ["vertical" | "horizontal"]
-  + Defines if the mode of the [TdStepsComponent]. Defaults to [StepMode.Vertical | "vertical"]
-
-#### Outputs
-
-+ stepChange?: function($event)
-  + Method to be executed when [onStepChange] event is emitted. Emits an [IStepChangeEvent] implemented object.
-
-## Usage
-
-Example
-
-HTML
-```html
-<td-steps (stepChange)="change($event)" mode="'vertical'|'horizontal'">
-  <td-step>
-    ...
-  </td-step>
-  ...
-</td-steps>
-```
-
-TypeScript
-
-```typescript
-import { IStepChangeEvent } from '@covalent/core/steps';
-...
-})
-export class Demo {
-  change(event: IStepChangeEvent): void {
-    ...
-  };
-}
-```
-
-# td-step
-
-Selector: `td-step` 
-
-Add as many `<td-step>` elements you need wrapped by a `<td-steps>` element for control.
-
-Uses StepState enum to define step state value [StepState.None, StepState.Required and StepState.Complete].
-
-Enum values can be replaced with strings ["none", "required" and "complete"].
-
-Note: Components in Angular do not have 2-way binding, so the active variable might be off sync with its [TdStepComponent] sometimes.
-
-You can keep it in sync with the (activated/deactivated) events if there is a need to do it.
-
-## API Summary
-
-#### Inputs
-
-+ label?: string
-  + Sets label of [TdStepComponent] header. Defaults to "Step #"
-+ sublabel?: string
-  + Sets sublabel of [TdStepComponent] header.
-+ label?: string
-  + Sets label of [TdStepComponent] header. Defaults to "Step #"
-+ active?: boolean
-  + Toggles [TdStepComponent] between active/deactive.
-+ disabled?: boolean
-  + Disables icon and header, blocks click event and sets [TdStepComponent] to deactive if "true".
-+ state?: StepState or ["none" | "required" | "complete"]
-  + Sets state of [TdStepComponent] depending on value. Defaults to [StepState.None | "none"]
-+ disableRipple?: boolean
-  + Whether the ripple effect for this component is disabled
-
-#### Outputs
-
-+ activated?: function()
-  + Event emitted when [TdStepComponent] is activated.
-+ deactivated?: function()
-  + Event emitted when [TdStepComponent] is deactivated.
-
-#### Methods
-
-+ toggle?: function()
-  + Toggle active state of [TdStepComponent]. Retuns "true" if successful, else "false". Can be accessed by referencing element in local variable.
-+ open?: function()
-  + Opens [TdStepComponent]. Retuns "true" if successful, else "false". Can be accessed by referencing element in local variable.
-+ close?: function()
-  + Closes [TdStepComponent]. Retuns "true" if successful, else "false". Can be accessed by referencing element in local variable.
-
-## Usage
-
-Example
-
-HTML
-```html
-<td-step #step label="Label" sublabel="Sublabel" [active]="active" [disabled]="disabled" [state]="state" (activated)="activeEvent()" (deactivated)="deactiveEvent()" [disableRipple]="false">
-  <ng-template td-step-label>
-    ... add label content (if not used, falls back to [label] input)
-  </ng-template>
-  ... add content that will be shown when the step is "active"
-  <ng-template td-step-actions>
-    <button (click)="step.close()">Close</button>
-    ... add button elements for the step content (optional)
-  </ng-template>
-  <ng-template td-step-summary>
-    ... add summary that will be shown when step in is "complete" state (optional)
-  </ng-template>
-</td-step>
-```
-
-TypeScript
-
-```typescript
-import { StepState } from '@covalent/core/steps';
-...
-})
-export class Demo {
-
-  active: boolean = false;
-  disabled: boolean = false;
-  state: StepState = StepState.Required; // or state: string = "required";
-
-  activeEvent(): void {
-    ...
-  };
-
-  deactiveEvent(): void {
-    ...
-  };
-}
-```
-
-
-## Setup
-
-Import the [CovalentStepsModule] in your NgModule:
-
-```typescript
-import { CovalentStepsModule } from '@covalent/core/steps';
-@NgModule({
-  imports: [
-    CovalentStepsModule,
-    ...
-  ],
-  ...
-})
-export class MyModule {}
-```
-
-

package/steps/_steps-theme.scss

@@ -1,108 +0,0 @@
-@import '../common/styles/variables';
-@import '../common/styles/theme-functions';
-@import '../common/styles/typography-functions';
-
-@mixin td-steps-typography($config) {
-  .td-step-label {
-    font: {
-      family: td-font-family($config);
-      size: td-font-size($config, body-2);
-      weight: td-font-weight($config, body-2);
-    }
-  }
-  .td-step-sublabel {
-    font: {
-      family: td-font-family($config);
-      size: td-font-size($config, body-1);
-    }
-
-    line-height: td-line-height($config, body-1);
-  }
-}
-
-@mixin td-steps-theme($theme) {
-  $accent: map-get($theme, accent);
-  $warn: map-get($theme, warn);
-  $foreground: map-get($theme, foreground);
-  $background: map-get($theme, background);
-  .td-steps {
-    .td-step-content,
-    .td-step-summary,
-    .td-step-actions {
-      margin: $margin;
-    }
-    // steps
-    .td-horizontal-line {
-      border-bottom-color: mat-color($foreground, divider);
-    }
-    .td-vertical-line {
-      border-left-color: mat-color($foreground, divider);
-    }
-    // header
-    .td-step-link {
-      &:focus:not(.mat-disabled),
-      &:hover:not(.mat-disabled) {
-        .td-step-header {
-          background: mat-color($background, 'hover');
-        }
-      }
-    }
-    .td-step-header {
-      &.mat-disabled {
-        cursor: default;
-      }
-      &:focus:not(.mat-disabled),
-      &:hover:not(.mat-disabled) {
-        background: mat-color($background, 'hover');
-      }
-      .td-step-label-wrapper {
-        .td-step-label {
-          color: mat-color($foreground, text);
-        }
-        .td-step-sublabel {
-          color: mat-color($foreground, secondary-text);
-        }
-        &.mat-inactive {
-          &,
-          & * {
-            color: mat-color($foreground, disabled);
-          }
-        }
-        &.mat-warn {
-          &,
-          & * {
-            color: mat-color($warn);
-          }
-        }
-      }
-      .mat-complete {
-        color: mat-color($accent);
-      }
-    }
-    .td-circle {
-      color: mat-color($background, card);
-      &.mat-active {
-        background-color: mat-color($accent);
-      }
-      &.mat-inactive {
-        background-color: mat-color($foreground, disabled);
-      }
-      & mat-icon {
-        fill: mat-color($foreground, text);
-      }
-    }
-    .td-triangle {
-      color: mat-color($warn);
-    }
-    .td-edit-icon {
-      color: mat-color($foreground, icon);
-    }
-
-    .td-step-header-pagination-chevron {
-      border-color: mat-color($foreground, text);
-    }
-    .td-step-header-pagination-disabled .td-step-header-pagination-chevron {
-      border-color: mat-color($foreground, disabled-text);
-    }
-  }
-}

package/steps/covalent-core-steps.d.ts

@@ -1,4 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';

package/steps/covalent-core-steps.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"CovalentStepsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":41,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":42,"character":12},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":42,"character":26},{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule","line":42,"character":41},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":42,"character":58},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ScrollingModule","line":42,"character":72},{"__symbolic":"reference","module":"@covalent/core/common","name":"CovalentCommonModule","line":42,"character":89}],"declarations":[[{"__symbolic":"reference","name":"TdStepsComponent"},{"__symbolic":"reference","name":"TdStepComponent"},{"__symbolic":"reference","name":"TdStepHeaderComponent"},{"__symbolic":"reference","name":"TdStepBodyComponent"},{"__symbolic":"reference","name":"TdStepLabelDirective"},{"__symbolic":"reference","name":"TdStepActionsDirective"},{"__symbolic":"reference","name":"TdStepSummaryDirective"},{"__symbolic":"reference","name":"TdNavStepsHorizontalComponent"},{"__symbolic":"reference","name":"TdNavStepsVerticalComponent"},{"__symbolic":"reference","name":"TdNavStepLinkComponent"}]],"exports":[[{"__symbolic":"reference","name":"TdStepsComponent"},{"__symbolic":"reference","name":"TdStepComponent"},{"__symbolic":"reference","name":"TdStepHeaderComponent"},{"__symbolic":"reference","name":"TdStepBodyComponent"},{"__symbolic":"reference","name":"TdStepLabelDirective"},{"__symbolic":"reference","name":"TdStepActionsDirective"},{"__symbolic":"reference","name":"TdStepSummaryDirective"},{"__symbolic":"reference","name":"TdNavStepsHorizontalComponent"},{"__symbolic":"reference","name":"TdNavStepsVerticalComponent"},{"__symbolic":"reference","name":"TdNavStepLinkComponent"}]]}]}],"members":{}},"StepState":{"None":"none","Required":"required","Complete":"complete"},"TdStepLabelDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"TemplatePortalDirective","line":26,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":23,"character":1},"arguments":[{"selector":"[td-step-label]ng-template"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":27,"character":63}]}]}},"TdStepActionsDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"TemplatePortalDirective","line":35,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":32,"character":1},"arguments":[{"selector":"[td-step-actions]ng-template"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":27,"character":63}]}]}},"TdStepSummaryDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"TemplatePortalDirective","line":44,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":41,"character":1},"arguments":[{"selector":"[td-step-summary]ng-template"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":27,"character":63}]}]}},"TdStepBase":{"__symbolic":"class","members":{}},"_TdStepMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinDisableRipple","line":53,"character":32},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinDisabled","line":53,"character":51},"arguments":[{"__symbolic":"reference","name":"TdStepBase"}]}]},"TdStepComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_TdStepMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":55,"character":1},"arguments":[{"selector":"td-step","inputs":["disabled","disableRipple"],"template":"<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n"}]}],"members":{"_content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":69,"character":3},"arguments":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"static":true}]}]}],"stepLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":70,"character":3},"arguments":[{"__symbolic":"reference","name":"TdStepLabelDirective"}]}]}],"stepActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":71,"character":3},"arguments":[{"__symbolic":"reference","name":"TdStepActionsDirective"}]}]}],"stepSummary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":72,"character":3},"arguments":[{"__symbolic":"reference","name":"TdStepSummaryDirective"}]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}}]}],"sublabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3},"arguments":["active"]}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3},"arguments":["state"]}]}],"activated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":126,"character":3}}]}],"deactivated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":132,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":27,"character":63}]}],"ngOnInit":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"isComplete":[{"__symbolic":"method"}],"onDisabledChange":[{"__symbolic":"method"}],"_setActive":[{"__symbolic":"method"}],"_onActivated":[{"__symbolic":"method"}],"_onDeactivated":[{"__symbolic":"method"}]}},"IStepChangeEvent":{"__symbolic":"interface"},"StepMode":{"Vertical":"vertical","Horizontal":"horizontal"},"TdStepsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"td-steps","host":{"class":"td-steps"},"template":"<div *ngIf=\"isHorizontal()\" class=\"td-steps-header\">\n  <ng-template let-step let-index=\"index\" let-last=\"last\" ngFor [ngForOf]=\"steps\">\n    <td-step-header\n      class=\"td-step-horizontal-header\"\n      (keydown.enter)=\"step.open()\"\n      [number]=\"index + 1\"\n      [active]=\"step.active\"\n      [disableRipple]=\"step.disableRipple\"\n      [disabled]=\"step.disabled\"\n      [state]=\"step.state\"\n      (click)=\"step.open()\"\n    >\n      <ng-template td-step-header-label [cdkPortalOutlet]=\"step.stepLabel\"></ng-template>\n      <ng-template td-step-header-label [ngIf]=\"!step.stepLabel\">{{ step.label }}</ng-template>\n      <ng-template td-step-header-sublabel [ngIf]=\"true\">{{ step.sublabel | truncate: 30 }}</ng-template>\n    </td-step-header>\n    <span *ngIf=\"!last\" class=\"td-horizontal-line\"></span>\n  </ng-template>\n</div>\n<div *ngFor=\"let step of steps; let index = index; let last = last\" class=\"td-step\">\n  <td-step-header\n    class=\"td-step-vertical-header\"\n    (keydown.enter)=\"step.toggle()\"\n    [number]=\"index + 1\"\n    [active]=\"step.active\"\n    [disabled]=\"step.disabled\"\n    [disableRipple]=\"step.disableRipple\"\n    [state]=\"step.state\"\n    (click)=\"step.toggle()\"\n    *ngIf=\"isVertical()\"\n  >\n    <ng-template td-step-header-label [cdkPortalOutlet]=\"step.stepLabel\"></ng-template>\n    <ng-template td-step-header-label [ngIf]=\"!step.stepLabel\">{{ step.label }}</ng-template>\n    <ng-template td-step-header-sublabel [ngIf]=\"true\">{{ step.sublabel }}</ng-template>\n  </td-step-header>\n  <ng-template [ngIf]=\"isVertical() || step.active || (!areStepsActive() && prevStep === step)\">\n    <td-step-body [active]=\"step.active\" [state]=\"step.state\">\n      <div *ngIf=\"isVertical()\" class=\"td-line-wrapper\">\n        <div *ngIf=\"!last\" class=\"td-vertical-line\"></div>\n      </div>\n      <ng-template td-step-body-content [cdkPortalOutlet]=\"step.stepContent\"></ng-template>\n      <ng-template td-step-body-actions [cdkPortalOutlet]=\"step.stepActions\"></ng-template>\n      <ng-template td-step-body-summary [cdkPortalOutlet]=\"step.stepSummary\"></ng-template>\n    </td-step-body>\n  </ng-template>\n</div>\n","styles":[".td-line-wrapper,.td-step{position:relative}.td-steps-header{-ms-flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row}.td-line-wrapper{min-height:1px;width:24px}.td-horizontal-line{-ms-flex:1;border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;flex:1;height:1px;min-width:15px;position:relative;top:36px}::ng-deep :not([dir=rtl]) .td-horizontal-line{left:-6px;right:-3px}::ng-deep [dir=rtl] .td-horizontal-line{left:-3px;right:-6px}.td-vertical-line{border-left-style:solid;border-left-width:1px;bottom:-16px;position:absolute;top:-16px}::ng-deep :not([dir=rtl]) .td-vertical-line{left:20px;right:auto}::ng-deep [dir=rtl] .td-vertical-line{left:auto;right:20px}"]}]}],"members":{"stepsContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":31,"character":3},"arguments":[{"__symbolic":"reference","name":"TdStepComponent"},{"descendants":true}]}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3},"arguments":["mode"]}]}],"stepChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":65,"character":3}}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"isHorizontal":[{"__symbolic":"method"}],"isVertical":[{"__symbolic":"method"}],"areStepsActive":[{"__symbolic":"method"}],"_onStepSelection":[{"__symbolic":"method"}],"_deactivateAllBut":[{"__symbolic":"method"}],"_registerSteps":[{"__symbolic":"method"}],"_deregisterSteps":[{"__symbolic":"method"}]}},"TdStepBodyComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"td-step-body","animations":[{"__symbolic":"reference","module":"@covalent/core/common","name":"tdCollapseAnimation","line":10,"character":15}],"template":"<ng-content></ng-content>\n<div class=\"td-step-body\">\n  <div class=\"td-step-content-wrapper\" [@tdCollapse]=\"!active\">\n    <div #contentRef cdkScrollable [class.td-step-content]=\"hasContent\">\n      <ng-content select=\"[td-step-body-content]\"></ng-content>\n    </div>\n    <div #actionsRef [class.td-step-actions]=\"hasActions\">\n      <ng-content select=\"[td-step-body-actions]\"></ng-content>\n    </div>\n  </div>\n  <div #summaryRef [@tdCollapse]=\"active || !isComplete()\" [class.td-step-summary]=\"hasSummary\">\n    <ng-content select=\"[td-step-body-summary]\"></ng-content>\n  </div>\n</div>\n","styles":[":host{-ms-flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row}:host .td-step-body{-ms-flex:1;box-sizing:border-box;flex:1;overflow-x:hidden}:host .td-step-body .td-step-content-wrapper.ng-animating,:host .td-step-body .td-step-summary.ng-animating{overflow:hidden}:host .td-step-body .td-step-content{overflow-x:auto}:host .td-step-body .td-step-actions{-ms-flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row}"]}]}],"members":{"contentRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":3},"arguments":["contentRef",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":13,"character":35},"static":true}]}]}],"actionsRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":["actionsRef",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":22,"character":35},"static":true}]}]}],"summaryRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":["summaryRef",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":31,"character":35},"static":true}]}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"isComplete":[{"__symbolic":"method"}]}},"TdStepHeaderBase":{"__symbolic":"class","members":{}},"_TdStepHeaderMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinDisableRipple","line":9,"character":38},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinDisabled","line":9,"character":57},"arguments":[{"__symbolic":"reference","name":"TdStepHeaderBase"}]}]},"TdStepHeaderComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_TdStepHeaderMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"td-step-header","inputs":["disabled","disableRipple"],"template":"<div\n  class=\"td-step-header\"\n  [class.mat-disabled]=\"disabled\"\n  matRipple\n  [matRippleDisabled]=\"disabled || disableRipple\"\n  [tabIndex]=\"disabled ? -1 : tabIndex || 0\"\n>\n  <div\n    class=\"td-circle\"\n    [class.mat-inactive]=\"(!active && !isComplete()) || disabled\"\n    [class.mat-active]=\"active && !disabled\"\n    *ngIf=\"!isRequired() && !isComplete()\"\n  >\n    <span *ngIf=\"active || !isComplete()\">{{ number || '' }}</span>\n  </div>\n  <div class=\"td-complete\" *ngIf=\"isComplete()\">\n    <mat-icon class=\"mat-complete\">check_circle</mat-icon>\n  </div>\n  <div class=\"td-triangle\" [class.bg-muted]=\"disabled\" *ngIf=\"isRequired()\">\n    <mat-icon class=\"mat-warn\">warning</mat-icon>\n  </div>\n  <div\n    class=\"td-step-label-wrapper\"\n    [class.mat-inactive]=\"(!active && !isComplete()) || disabled\"\n    [class.mat-warn]=\"isRequired() && !disabled\"\n  >\n    <div class=\"td-step-label\">\n      <ng-content select=\"[td-step-header-label]\"></ng-content>\n    </div>\n    <div class=\"td-step-sublabel\">\n      <ng-content select=\"[td-step-header-sublabel]\"></ng-content>\n    </div>\n  </div>\n  <span class=\"td-step-header-separator\"></span>\n  <mat-icon class=\"td-edit-icon\" *ngIf=\"isComplete() && !active && !disabled\">mode_edit</mat-icon>\n</div>\n","styles":[".td-step-header{-ms-flex:1;-ms-flex-align:center;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:start;align-content:center;align-items:center;box-sizing:border-box;display:-ms-flexbox;display:flex;flex:1;flex-direction:row;height:72px;justify-content:flex-start;max-width:100%;min-width:120px;outline:none;position:relative}.td-step-header:hover:not(.mat-disabled){cursor:pointer}.td-step-header mat-icon.td-edit-icon{margin:0 8px}.td-step-header mat-icon.mat-warn{font-size:24px;height:24px;width:24px}.td-step-header mat-icon.mat-complete{font-size:28px;height:24px;left:-2px;position:relative;top:2px;width:24px}.td-step-header .td-circle{-ms-flex:none;border-radius:99%;flex:none;height:24px;line-height:24px;text-align:center;width:24px}.td-step-header .td-circle mat-icon{font-weight:700;margin-top:2px}.td-step-header .td-triangle>mat-icon{font-size:25px}.td-step-header .td-complete{font-size:0}::ng-deep :not([dir=rtl]) .td-step-header .td-circle,::ng-deep :not([dir=rtl]) .td-step-header .td-complete,::ng-deep :not([dir=rtl]) .td-step-header .td-triangle{margin-left:8px;margin-right:0}::ng-deep [dir=rtl] .td-step-header .td-circle,::ng-deep [dir=rtl] .td-step-header .td-complete,::ng-deep [dir=rtl] .td-step-header .td-triangle{margin-left:0;margin-right:8px}.td-step-header .td-circle,.td-step-header .td-complete{font-size:14px}.td-step-header .td-step-label-wrapper{padding-left:8px;padding-right:8px}.td-step-header .td-step-header-separator{-ms-flex:1;box-sizing:border-box;flex:1}"]}]}],"members":{"number":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"isComplete":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}]}},"TdNavStepLinkComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_TdStepMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"[td-step-link],[tdStepLink]","inputs":["disabled","disableRipple"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":12,"character":19},"member":"OnPush"},"host":{"[class.td-step-link]":"true","[attr.tabindex]":"disabled ? -1 : (tabIndex || 0)","[attr.disabled]":"disabled || null","[class.mat-disabled]":"disabled || null","(click)":"_handleClick($event)","$quoted$":["[class.td-step-link]","[attr.tabindex]","[attr.disabled]","[class.mat-disabled]","(click)"]},"template":"<td-step-header\n  class=\"td-step-header-wrapper\"\n  [tabIndex]=\"-1\"\n  [number]=\"number\"\n  [active]=\"active\"\n  [disableRipple]=\"disableRipple || disabled\"\n  [disabled]=\"disabled\"\n  [state]=\"state\"\n>\n  <ng-template td-step-header-label [ngIf]=\"true\">{{ label }}</ng-template>\n  <ng-template td-step-header-sublabel [ngIf]=\"true\">{{ sublabel | truncate: 30 }}</ng-template>\n  <ng-content></ng-content>\n</td-step-header>\n","styles":[":host{-ms-flex-align:center;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:start;align-content:center;align-items:center;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row;justify-content:flex-start;max-width:100%}:host.mat-disabled{pointer-events:none}:host .td-step-header-wrapper{width:100%}"]}]}],"members":{"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3},"arguments":["state"]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"sublabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3},"arguments":["active"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":85,"character":42},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":85,"character":80}]}],"_handleClick":[{"__symbolic":"method"}]}},"ScrollDirection":{"__symbolic":"interface"},"TdNavStepsHorizontalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"nav[td-steps][horizontal]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":35,"character":19},"member":"OnPush"},"host":{"class":"td-steps td-steps-horizontal","[class.td-step-header-pagination-controls-enabled]":"_showPaginationControls","[class.td-step-header-rtl]":"_getLayoutDirection() == 'rtl'","$quoted$":["class","[class.td-step-header-pagination-controls-enabled]","[class.td-step-header-rtl]"]},"template":"<div class=\"td-steps-header\">\n  <div\n    class=\"td-step-header-pagination td-step-header-pagination-before mat-elevation-z4\"\n    aria-hidden=\"true\"\n    mat-ripple\n    [matRippleDisabled]=\"_disableScrollBefore\"\n    [class.td-step-header-pagination-disabled]=\"_disableScrollBefore\"\n    (click)=\"_scrollHeader('before')\"\n  >\n    <div class=\"td-step-header-pagination-chevron\"></div>\n  </div>\n  <div #stepListContainer class=\"td-steps-header-container\" (keydown)=\"_handleKeydown($event)\">\n    <div #stepList class=\"td-steps-header-list\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n  <div\n    class=\"td-step-header-pagination td-step-header-pagination-after mat-elevation-z4\"\n    aria-hidden=\"true\"\n    mat-ripple\n    [matRippleDisabled]=\"_disableScrollAfter\"\n    [class.td-step-header-pagination-disabled]=\"_disableScrollAfter\"\n    (click)=\"_scrollHeader('after')\"\n  >\n    <div class=\"td-step-header-pagination-chevron\"></div>\n  </div>\n</div>\n","styles":[":host{display:block;width:100%}.td-steps-header,.td-steps-header-list{-ms-flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row}.td-steps-header-container{-ms-flex-positive:1;display:-ms-flexbox;display:flex;flex-grow:1;overflow:hidden;z-index:1}.td-steps-header-list{-ms-flex-align:center;-ms-flex-line-pack:center;-ms-flex-pack:start;-ms-flex-positive:1;align-content:center;align-items:center;flex-grow:1;justify-content:flex-start;max-width:100%;position:relative;transition:transform .5s cubic-bezier(.35,0,.25,1)}.td-step-header-pagination{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;cursor:pointer;display:none;justify-content:center;min-width:32px;position:relative;z-index:2}:host.td-step-header-pagination-controls-enabled .td-step-header-pagination{display:-ms-flexbox;display:flex}.td-step-header-pagination-before,:host.td-step-header-rtl .td-step-header-pagination-after{padding-left:4px}.td-step-header-pagination-before .td-step-header-pagination-chevron,:host.td-step-header-rtl .td-step-header-pagination-after .td-step-header-pagination-chevron{-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.td-step-header-pagination-after,:host.td-step-header-rtl .td-step-header-pagination-before{padding-right:4px}.td-step-header-pagination-after .td-step-header-pagination-chevron,:host.td-step-header-rtl .td-step-header-pagination-before .td-step-header-pagination-chevron{-ms-transform:rotate(45deg);transform:rotate(45deg)}.td-step-header-pagination-chevron{border-style:solid;border-width:2px 2px 0 0;content:\"\";height:8px;width:8px}.td-step-header-pagination-disabled{box-shadow:none;cursor:default}.td-horizontal-line{-ms-flex:1;border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;flex:1;height:1px;min-width:20px}"]}]}],"members":{"_steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":64,"character":3},"arguments":[{"__symbolic":"reference","name":"TdNavStepLinkComponent"},{"descendants":true}]}]}],"_stepListContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":66,"character":3},"arguments":["stepListContainer",{"static":true}]}]}],"_stepList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":67,"character":3},"arguments":["stepList",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":98,"character":5}}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":96,"character":25},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ViewportRuler","line":97,"character":28},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":98,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":99,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":100,"character":32}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"updatePagination":[{"__symbolic":"method"}],"_getLayoutDirection":[{"__symbolic":"method"}],"_updateStepScrollPosition":[{"__symbolic":"method"}],"_scrollHeader":[{"__symbolic":"method"}],"_checkPaginationEnabled":[{"__symbolic":"method"}],"_checkScrollingControls":[{"__symbolic":"method"}],"_getMaxScrollDistance":[{"__symbolic":"method"}],"_configureSteps":[{"__symbolic":"method"}]}},"TdNavStepsVerticalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"nav[td-steps][vertical]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":22,"character":19},"member":"OnPush"},"host":{"class":"td-steps td-steps-vertical"},"template":"<div class=\"td-steps-header\">\n  <div class=\"td-steps-header-container\">\n    <div #stepList class=\"td-steps-header-list\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n","styles":[".td-vertical-line-wrapper{position:relative}.td-vertical-line-wrapper .td-vertical-line{border-left-style:solid;border-left-width:1px;height:34px;position:absolute;top:-16px}::ng-deep :not([dir=rtl]) .td-vertical-line-wrapper .td-vertical-line{left:20px;right:auto}::ng-deep [dir=rtl] .td-vertical-line-wrapper .td-vertical-line{left:auto;right:20px}"]}]}],"members":{"_steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":35,"character":3},"arguments":[{"__symbolic":"reference","name":"TdNavStepLinkComponent"},{"descendants":true}]}]}],"_stepList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":37,"character":3},"arguments":["stepList",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":39,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":39,"character":72}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_configureSteps":[{"__symbolic":"method"}]}}},"origins":{"CovalentStepsModule":"./steps.module","StepState":"./step.component","TdStepLabelDirective":"./step.component","TdStepActionsDirective":"./step.component","TdStepSummaryDirective":"./step.component","TdStepBase":"./step.component","_TdStepMixinBase":"./step.component","TdStepComponent":"./step.component","IStepChangeEvent":"./steps.component","StepMode":"./steps.component","TdStepsComponent":"./steps.component","TdStepBodyComponent":"./step-body/step-body.component","TdStepHeaderBase":"./step-header/step-header.component","_TdStepHeaderMixinBase":"./step-header/step-header.component","TdStepHeaderComponent":"./step-header/step-header.component","TdNavStepLinkComponent":"./nav/nav-step-link/nav-step-link.component","ScrollDirection":"./nav/nav-steps-horizontal/nav-steps-horizontal.component","TdNavStepsHorizontalComponent":"./nav/nav-steps-horizontal/nav-steps-horizontal.component","TdNavStepsVerticalComponent":"./nav/nav-steps-vertical/nav-steps-vertical.component"},"importAs":"@covalent/core/steps"}

package/steps/index.d.ts

@@ -1 +0,0 @@
-export * from './public-api';

package/steps/nav/README.md

@@ -1,90 +0,0 @@
-# nav[td-steps] (horizontal and vertical)
-
-`nav[td-steps]` element generates a stepper to be used with Angular Router navigation. Steps can use as an anchor with routerLinks to allow to navigate to new pages.
-
-The `horizontal` version of this component handles responsiveness by adding scrolling buttons when the width of the container is less than its content. 
-
-# td-step-link
-
-`td-step-link` element generates an individual step component.
-
-## API Summary
-
-#### Inputs
-
-+ routerLink: string 
-  + The link to go to when clicking on the step
-+ state?: StepState or ["none" | "required" | "complete"] 
-  + Sets state that indicates change in icon and font
-+ label?: string 
-  + Sets label of step header
-+ sublabel?: string 
-  + Sets sublabel of step header
-+ active?: boolean
-  + Toggles step link between active/deactive state.
-+ disabled?: boolean
-  + Disables icon and header and also blocks click events
-+ disableRipple?: boolean
-  + Whether the ripple effect for this component is disabled
-
-## Setup
-
-Import the [CovalentStepsModule] in your NgModule:
-
-```typescript
-import { CovalentStepsModule } from '@covalent/core/steps';
-@NgModule({
-  imports: [
-    CovalentStepsModule,
-    ...
-  ],
-  ...
-})
-export class MyModule {}
-```
-
-## Usage
-
-Example Horizontal:
-
-```html
-<nav td-steps horizontal>
-  <a td-step-link
-      routerLinkActive
-      #rla="routerLinkActive"
-      [routerLinkActiveOptions]="{exact:true}"
-      [routerLink]="['/route1']"
-      [label]="'1st step'"
-      [sublabel]="'some description'"
-      [active]="rla.isActive"></a>
-  <a td-step-link
-      routerLinkActive
-      #rla2="routerLinkActive"
-      [routerLinkActiveOptions]="{exact: true}"
-      [routerLink]="['/route2']"
-      [label]="'2nd step'"
-      [active]="rla2.isActive"></a>
-</nav>
-```
-
-Example Vertical:
-
-```html
-<nav td-steps vertical>
-  <a td-step-link
-      routerLinkActive
-      #rla="routerLinkActive"
-      [routerLinkActiveOptions]="{exact:true}"
-      [routerLink]="['/route1']"
-      [label]="'1st step'"
-      [sublabel]="'some description'"
-      [active]="rla.isActive"></a>
-  <a td-step-link
-      routerLinkActive
-      #rla2="routerLinkActive"
-      [routerLinkActiveOptions]="{exact: true}"
-      [routerLink]="['/route2']"
-      [label]="'2nd step'"
-      [active]="rla2.isActive"></a>
-</nav>
-```

package/steps/nav/nav-step-link/nav-step-link.component.d.ts

@@ -1,42 +0,0 @@
-import { ChangeDetectorRef, ElementRef } from '@angular/core';
-import { ICanDisable, ICanDisableRipple } from '@covalent/core/common';
-import { _TdStepMixinBase, StepState } from '../../step.component';
-export declare class TdNavStepLinkComponent extends _TdStepMixinBase implements ICanDisable, ICanDisableRipple {
-    private _changeDetectorRef;
-    elementRef: ElementRef;
-    private _active;
-    private _state;
-    number: number;
-    /**
-     * state?: StepState or ['none' | 'required' | 'complete']
-     * Sets state of component depending on value.
-     * Defaults to [StepState.None | 'none'].
-     */
-    set state(state: StepState);
-    get state(): StepState;
-    /**
-     * label?: string
-     * Label to display in step header
-     * Defaults to empty
-     */
-    label: string;
-    /**
-     * sublabel?: string
-     * Sublabel to display in step header
-     * Defaults to empty
-     */
-    sublabel: string;
-    /**
-     * active?: boolean
-     * Toggles component between active/deactive.
-     */
-    set active(active: boolean);
-    get active(): boolean;
-    /**
-     * tabIndex?: number
-     * tabIndex for component
-     */
-    tabIndex: number;
-    constructor(_changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef);
-    _handleClick(click: Event): void;
-}

package/steps/nav/nav-step-link/nav-step-link.component.scss

@@ -1,17 +0,0 @@
-:host {
-  &.mat-disabled {
-    pointer-events: none;
-  }
-  .td-step-header-wrapper {
-    width: 100%;
-  }
-  // layout
-  box-sizing: border-box;
-  display: flex;
-  // layout="row"
-  flex-direction: row;
-  align-items: center;
-  align-content: center;
-  max-width: 100%;
-  justify-content: flex-start;
-}