diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-header/dxc-header.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-header/dxc-header.component.ts index 85b10e56c..d8aa4c0b5 100644 --- a/projects/dxc-ngx-cdk/src/lib/dxc-header/dxc-header.component.ts +++ b/projects/dxc-ngx-cdk/src/lib/dxc-header/dxc-header.component.ts @@ -18,22 +18,7 @@ import { coerceNumberProperty, } from "@angular/cdk/coercion"; import { BackgroundProviderService } from "../background-provider/service/background-provider.service"; - -type Space = - | "xxsmall" - | "xsmall" - | "small" - | "medium" - | "large" - | "xlarge" - | "xxlarge"; - -type Padding = { - top?: Space; - bottom?: Space; - left?: Space; - right?: Space; -}; +import { HeaderProperties, Space, Spacing } from "./dxc-header.types"; @Component({ selector: "dxc-header", @@ -92,7 +77,7 @@ export class DxcHeaderComponent implements OnChanges { * 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; @HostBinding("class") className; @@ -105,17 +90,13 @@ export class DxcHeaderComponent implements OnChanges { currentBackgroundColor: string; - defaultInputs = new BehaviorSubject({ + defaultInputs = new BehaviorSubject({ underlined: false, logoSrc: null, logoResponsiveSrc: null, tabIndexValue: 0, margin: null, padding: null, - isResponsive: false, - isMenuVisible: false, - innerWidth, - innerHeight, }); @HostListener("window:resize", ["$event"]) diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-header/dxc-header.types.ts b/projects/dxc-ngx-cdk/src/lib/dxc-header/dxc-header.types.ts new file mode 100644 index 000000000..f5e65af1f --- /dev/null +++ b/projects/dxc-ngx-cdk/src/lib/dxc-header/dxc-header.types.ts @@ -0,0 +1,24 @@ +export interface HeaderProperties { + margin?: Space; + underlined?: boolean; + logoSrc?: string; + logoResponsiveSrc?: string; + tabIndexValue?: number; + padding?: Space | Spacing; +} + +export type Space = + | "xxsmall" + | "xsmall" + | "small" + | "medium" + | "large" + | "xlarge" + | "xxlarge"; + +export type Spacing = { + top?: Space; + bottom?: Space; + left?: Space; + right?: Space; +};