@norwegian/core-components 6.16.0 → 6.17.0

package/lib/components/index.d.ts

@@ -19,6 +19,7 @@ export * from './modal/index';
 export * from './number-field/index';
 export * from './page-footer/index';
 export * from './page-header/index';
+export * from './page-header-old/index';
 export * from './passenger-select/index';
 export * from './premium-toggle/index';
 export * from './radio/index';

package/lib/components/page-header-old/index.d.ts

@@ -0,0 +1,4 @@
+export * from './old-search/old-search.component';
+export * from './old-hamburger/old-hamburger.component';
+export * from './page-header-old.component';
+export * from './page-header-old.module';

package/lib/components/page-header-old/old-hamburger/old-hamburger.component.d.ts

@@ -0,0 +1,12 @@
+import { NasComponentBase } from '../../../core';
+import * as i0 from "@angular/core";
+export declare class OldHamburgerComponent extends NasComponentBase {
+    /**
+     * @description
+     * Sets the menu to be expanded
+     */
+    expanded: boolean;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<OldHamburgerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OldHamburgerComponent, "nas-old-hamburger", never, { "expanded": { "alias": "expanded"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/components/page-header-old/old-search/old-search.component.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @license
+ * Copyright Norwegian Air Shuttle. All Rights Reserved.
+ */
+import { ElementRef } from '@angular/core';
+import { NasComponentBase } from '../../../core';
+import * as i0 from "@angular/core";
+export declare class OldSearchComponent extends NasComponentBase {
+    /**
+     * @description
+     * Sets the search label for the search form. Default value is "Search"
+     */
+    searchText: string;
+    /**
+     * @description
+     * Url to the search form. Added to the action attribute on native form element.
+     */
+    searchForm: string;
+    inputElement: ElementRef;
+    constructor();
+    expanded: boolean;
+    blur(): void;
+    focus(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OldSearchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OldSearchComponent, "nas-old-search", never, { "searchText": { "alias": "searchText"; "required": false; }; "searchForm": { "alias": "searchForm"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/components/page-header-old/page-header-old.component.d.ts

@@ -0,0 +1,112 @@
+/**
+ * @license
+ * Copyright Norwegian Air Shuttle. All Rights Reserved.
+ */
+import { OnDestroy, ElementRef, AfterViewInit, ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { NasComponentBase } from '../../core';
+import { IconListModel } from '../icon-list';
+import * as i0 from "@angular/core";
+/**
+ * @description
+ * Norwegian Old Page Header Component | Navigation
+*/
+export declare class PageHeaderOldComponent extends NasComponentBase implements OnDestroy, AfterViewInit {
+    private changeDetector;
+    /**
+     * @property Input
+     * @description
+     * Sets the menu text. Defaults to "Menu".
+    */
+    menuText: string;
+    /**
+     * @property Input
+     * @description
+     * Sets the close text. Defaults to "Close".
+    */
+    closeText: string;
+    /**
+     * @property Input
+     * @description
+     * Sets the search label for search field. Defaults to "Search".
+    */
+    searchText: string;
+    /**
+     * @property Input
+     * @description
+     * Url to the search form. Added to the action attribute on native form element.
+    */
+    searchForm: string;
+    /**
+     * @property Input
+     * @description
+     * Show the profile section.
+    */
+    displayProfile: boolean;
+    /**
+     * @property Input
+     * @description
+     * Will display the Norwegian Reward logo, set this to true display it. It's false by default.
+    */
+    reward: boolean;
+    /**
+     * @property Input
+     * @description
+     * Is user authenticated. Only valid if displayProfile is true
+    */
+    isAuthenticated: boolean;
+    /**
+     * @property Input
+     * @description
+     * Url to the front-/homepage.
+    */
+    frontPageUrl: string;
+    /**
+     * @property Input
+     * @description
+     * Use router link instead of href on links
+    */
+    useRouterLink: boolean;
+    /**
+     * @property Input
+     * @description
+     * Sets z-index to 0
+    */
+    nozindex?: boolean;
+    /**
+     * @property Input
+     * @description
+     * Link to logout.
+    */
+    logOutLink: IconListModel;
+    /**
+     * @property Input
+     * @description
+     * Link to profile.
+    */
+    profileLink: IconListModel;
+    /**
+     * @property Input
+     * @description
+     * links to display with icon in header.
+    */
+    links: Array<IconListModel>;
+    /**
+     * @property Output
+     * @description
+     * Notifies consumer that menu is expanded or collapsed
+    */
+    openChange: EventEmitter<boolean>;
+    expanded: boolean;
+    animateOut: boolean;
+    displayHamburger: boolean;
+    menuElement: ElementRef;
+    constructor(changeDetector: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    menuClick({ target }: any): void;
+    handleToggle(force: boolean): any;
+    private handleKeyDown;
+    onLinkClick(link: IconListModel): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PageHeaderOldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageHeaderOldComponent, "nas-page-header-old", never, { "menuText": { "alias": "menuText"; "required": false; }; "closeText": { "alias": "closeText"; "required": false; }; "searchText": { "alias": "searchText"; "required": false; }; "searchForm": { "alias": "searchForm"; "required": false; }; "displayProfile": { "alias": "displayProfile"; "required": false; }; "reward": { "alias": "reward"; "required": false; }; "isAuthenticated": { "alias": "isAuthenticated"; "required": false; }; "frontPageUrl": { "alias": "frontPageUrl"; "required": false; }; "useRouterLink": { "alias": "useRouterLink"; "required": false; }; "nozindex": { "alias": "nozindex"; "required": false; }; "logOutLink": { "alias": "logOutLink"; "required": false; }; "profileLink": { "alias": "profileLink"; "required": false; }; "links": { "alias": "links"; "required": false; }; }, { "openChange": "openChange"; }, never, ["*"], false, never>;
+}

package/lib/components/page-header-old/page-header-old.module.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./page-header-old.component";
+import * as i2 from "./old-hamburger/old-hamburger.component";
+import * as i3 from "./old-search/old-search.component";
+import * as i4 from "@angular/common";
+import * as i5 from "../icon/icon.module";
+import * as i6 from "../../core/directives/nas-class/nas-class.module";
+import * as i7 from "@angular/router";
+import * as i8 from "../button/button.module";
+export declare class PageHeaderOldModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PageHeaderOldModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PageHeaderOldModule, [typeof i1.PageHeaderOldComponent, typeof i2.OldHamburgerComponent, typeof i3.OldSearchComponent], [typeof i4.CommonModule, typeof i5.IconModule, typeof i6.NasClassModule, typeof i7.RouterModule, typeof i8.ButtonModule], [typeof i1.PageHeaderOldComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PageHeaderOldModule>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norwegian/core-components",
-  "version": "6.16.0",
+  "version": "6.17.0",
   "peerDependencies": {
     "@angular/common": ">=16.0.0 < 19.0.0",
     "@angular/core": ">=16.0.0 < 19.0.0"

package/styles/1__settings/_colors.scss

@@ -39,19 +39,19 @@ $colors: (
         xlight: #d8d8d8,
         light: #c3c3c3,
         base: #909090,
-        dark: #626363,
+        dark: #6f6f6f,
         xdark: #424141
     )
 );
 
 // Specific color's
 // Do not overuse, then your on a wrong path and will be hunted down!
+$color-white: #FFFFFF;
 $color-light: #fff;
 $color-dark: color(secondary, dark);
 
 $color-approve: #238e00;
 $color-information: $color-light;
-$color-warning: #ffc;
 $color-focus-ring: #3b99fc;
 $color-background-badge: #E0EBFF;
 $color-error: #f1d6dc;
@@ -61,6 +61,21 @@ $color-backdrop: rgba(shade(color(secondary), 50%), 0.17);
 $color-backdrop--strong: rgba(shade(color(secondary), 70%), 0.7);
 
 $color-links: #B12A0B;
+//Alert-colors
+$color-error: #CC3A19;
+$color-error-background: #FFF5F3;
+$color-warning: #FC9E12;
+$color-warning-background: #FFF6EC;
+$color-success: #2EB004;
+$color-success-background: #F4FAF2;
+$color-info-background: #EBF4FF;
+$color-neutral: #eaeaea;
+$color-neutral-background: #F9F9F9;
+
+// Typography
+$color-typography-link: #b12a0b;
+
 $color-links-border: color(neutral, xlight);
 $color-links--hover: color(secondary);
 $color-background: color(neutral, xxxlight);
+