diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-sidenav/dxc-sidenav.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-sidenav/dxc-sidenav.component.ts index 8d1358838..3142a125b 100644 --- a/projects/dxc-ngx-cdk/src/lib/dxc-sidenav/dxc-sidenav.component.ts +++ b/projects/dxc-ngx-cdk/src/lib/dxc-sidenav/dxc-sidenav.component.ts @@ -13,22 +13,8 @@ import { BehaviorSubject } from "rxjs"; import { css } from "emotion"; import { CssUtils } from "../utils"; import { BackgroundProviderService } from "../background-provider/service/background-provider.service"; +import { SidenavProperties, Space, Spacing } from "./dxc-sidenav.types"; -type Space = - | "xxsmall" - | "xsmall" - | "small" - | "medium" - | "large" - | "xlarge" - | "xxlarge"; - -type Padding = { - top?: Space; - bottom?: Space; - left?: Space; - right?: Space; -}; @Component({ selector: "dxc-sidenav", templateUrl: "./dxc-sidenav.component.html", @@ -41,14 +27,13 @@ export class DxcSidenavComponent implements OnInit { * Size of the padding to be applied to the custom area ('xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge'). * You can pass an object with 'top', 'bottom', 'left' and 'right' properties in order to specify different padding sizes. */ - @Input() padding: Space | Padding; + @Input() padding: Space | Spacing; firstClick: boolean = false; //remove animation on first load currentBackgroundColor: string; - defaultInputs = new BehaviorSubject({ - displayArrow: true, + defaultInputs = new BehaviorSubject({ padding: null, }); diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-sidenav/dxc-sidenav.types.ts b/projects/dxc-ngx-cdk/src/lib/dxc-sidenav/dxc-sidenav.types.ts new file mode 100644 index 000000000..88b459599 --- /dev/null +++ b/projects/dxc-ngx-cdk/src/lib/dxc-sidenav/dxc-sidenav.types.ts @@ -0,0 +1,19 @@ +export interface SidenavProperties { + padding?: Space | Spacing; +} + +export type Space = + | "xxsmall" + | "xsmall" + | "small" + | "medium" + | "large" + | "xlarge" + | "xxlarge"; + +export type Spacing = { + top?: Space; + bottom?: Space; + left?: Space; + right?: Space; +};