@norwegian/core-components 7.16.5 → 7.17.0

package/lib/components/index.d.ts

@@ -26,6 +26,7 @@ export * from './passenger-select/index';
 export * from './premium-toggle/index';
 export * from './radio/index';
 export * from './select/index';
+export * from './select-new/index';
 export * from './spinner/index';
 export * from './status-box/index';
 export * from './toggle/index';

package/lib/components/select/select.component.d.ts

@@ -12,7 +12,7 @@ import { OptgroupComponent } from './optgroup/optgroup.component';
 import * as i0 from "@angular/core";
 /**
  * @description
- * Norwegian Select Component | Form Controls | New design
+ * Norwegian Select Component | Form Controls | Deprecated
  */
 export declare class SelectComponent extends NasComponentBase implements OnChanges, AfterViewChecked, AfterContentInit, OnInit {
     private change;

package/lib/components/select-new/index.d.ts

@@ -0,0 +1,4 @@
+export * from './select-new.component';
+export * from './option/option-new.component';
+export * from './optgroup/optgroup-new.component';
+export * from './select-new.module';

package/lib/components/select-new/models/select-option.model.d.ts

@@ -0,0 +1,6 @@
+export interface SelectOptionNewModel {
+    value: string;
+    label: string;
+    displayValue?: string;
+    icon?: string;
+}

package/lib/components/select-new/optgroup/optgroup-new.component.d.ts

@@ -0,0 +1,8 @@
+import { NasComponentBase } from '../../../core';
+import * as i0 from "@angular/core";
+export declare class OptGroupNewComponent extends NasComponentBase {
+    label: string;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptGroupNewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptGroupNewComponent, "nas-optgroup-new", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
+}

package/lib/components/select-new/option/option-new.component.d.ts

@@ -0,0 +1,16 @@
+import { NasComponentBase } from '../../../core';
+import { SelectNewService } from '../services/select-new.service';
+import * as i0 from "@angular/core";
+export declare class OptionNewComponent extends NasComponentBase {
+    private selectService;
+    displayValue: string;
+    icon: string;
+    label: string;
+    value: string;
+    constructor(selectService: SelectNewService);
+    onSelect(value: string): void;
+    getIconName(value: string): string;
+    getIconType(value: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptionNewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionNewComponent, "nas-option-new", never, { "displayValue": { "alias": "displayValue"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/components/select-new/select-new.component.d.ts

@@ -0,0 +1,173 @@
+/**
+ * @license
+ * Copyright Norwegian Air Shuttle. All Rights Reserved.
+ */
+import { AfterViewInit, ElementRef, EventEmitter, OnInit, QueryList } from '@angular/core';
+import { NasComponentBase } from '../../core/base/nas-component.base';
+import { SelectOptionNewModel } from './models/select-option.model';
+import { OptionNewComponent } from './option/option-new.component';
+import { SelectNewService } from './services/select-new.service';
+import { AbstractControl, FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+/**
+ * @description
+ * Norwegian Select Component | Form Controls | New design
+*/
+export declare class SelectNewComponent extends NasComponentBase implements OnInit, AfterViewInit {
+    private selectService;
+    selectBoxElement: ElementRef;
+    optionsComponent: QueryList<OptionNewComponent>;
+    /**
+     * @property Input
+     *
+     * @description
+     * Makes the select component autogrow.
+    */
+    autogrow?: boolean;
+    /**
+     * @property Input
+     *
+     * @description
+     * Sets compact styling. Slighty smaller then regular select box.
+    */
+    compact?: boolean;
+    /**
+     * @property Input
+     *
+     * @description
+     * Sets disabled styling.
+    */
+    disabled?: boolean;
+    /**
+     * @property Input
+     *
+     * @description
+     * Sets error styling.
+    */
+    error?: boolean;
+    /**
+     * @property Input
+     *
+     * @description
+     * The error message to display when error occur. Error attribute need to be true.
+    */
+    errorMessage?: string;
+    /**
+     * @property Input
+     *
+     * @description
+     * The ID of the native input element
+    */
+    id: string;
+    /**
+     * @property Input
+     *
+     * @description
+     * Sets information text to the tooltip. Info icon will be displayed between label text.
+    */
+    infoText?: string;
+    /**
+     * @property Input
+     *
+     * @description
+     * Sets inline styling. Possible to be used in sentences.
+    */
+    inline?: boolean;
+    /**
+     * @property Input
+     *
+     * @description
+     * Sets the label to the select box.
+    */
+    label?: string;
+    /**
+     * @property Input
+     *
+     * @description
+     * Sets a formControlName directive to the select.
+    */
+    nasFormControlName: string;
+    /**
+     * @property Input
+     *
+     * @description
+     * Adds the parent's form group.
+    */
+    nasFormGroup: FormGroup;
+    /**
+     * @property Input
+     *
+     * @description
+     * Add options to the selector.
+    */
+    get options(): Array<SelectOptionNewModel>;
+    set options(value: Array<SelectOptionNewModel>);
+    /**
+     * @property Input
+     *
+     * @description
+     * Presenting value instead of title in the select box.
+    */
+    presentValue?: boolean;
+    /**
+     * @property Input
+     *
+     * @description
+     * Set selected value from option.
+    */
+    get selected(): SelectOptionNewModel;
+    set selected(option: SelectOptionNewModel);
+    /**
+     * @property Input
+     *
+     * @description
+     * Sets simple styling. Border and background color stylings are removed.
+    */
+    simple?: boolean;
+    /**
+     * @property Input
+     *
+     * @description
+     * Sets spaceless styling. Removes margins for the select box.
+    */
+    spaceless?: boolean;
+    /**
+     * @property Input
+     *
+     * @description
+     * Sets stretched styling.
+    */
+    stretched?: boolean;
+    /**
+     * @property Output
+     *
+     * @description
+     * An event that is fired every time a selection is done.
+    */
+    selectedChange: EventEmitter<SelectOptionNewModel>;
+    get modifiers(): Array<string>;
+    get selectControl(): AbstractControl;
+    get selectId(): string;
+    get selectedLabel(): string;
+    open: boolean;
+    hasContent: boolean;
+    optionsValue: Array<SelectOptionNewModel>;
+    selectedValue: SelectOptionNewModel;
+    private componentId;
+    private activeIndex;
+    private NAS_OPTION_TAG;
+    constructor(selectService: SelectNewService);
+    clickOutside(event: MouseEvent): void;
+    onKeydown(event: KeyboardEvent): void;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    onOpen(): void;
+    getIconName(value: string): string;
+    getIconType(value: string): string;
+    private setSelected;
+    private setOptionsFromContent;
+    private selectKeyDown;
+    private updateActiveOption;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectNewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectNewComponent, "nas-select-new", never, { "autogrow": { "alias": "autogrow"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "id": { "alias": "id"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "label": { "alias": "label"; "required": false; }; "nasFormControlName": { "alias": "nasFormControlName"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "options": { "alias": "options"; "required": false; }; "presentValue": { "alias": "presentValue"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "simple": { "alias": "simple"; "required": false; }; "spaceless": { "alias": "spaceless"; "required": false; }; "stretched": { "alias": "stretched"; "required": false; }; }, { "selectedChange": "selectedChange"; }, ["optionsComponent"], ["*"], false, never>;
+}

package/lib/components/select-new/select-new.module.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./select-new.component";
+import * as i2 from "./option/option-new.component";
+import * as i3 from "./optgroup/optgroup-new.component";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/forms";
+import * as i6 from "../../core/directives/nas-class/nas-class.module";
+import * as i7 from "../icon/icon.module";
+import * as i8 from "../tooltip/tooltip.module";
+export declare class SelectNewModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectNewModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SelectNewModule, [typeof i1.SelectNewComponent, typeof i2.OptionNewComponent, typeof i3.OptGroupNewComponent], [typeof i4.CommonModule, typeof i5.ReactiveFormsModule, typeof i6.NasClassModule, typeof i7.IconModule, typeof i8.TooltipModule], [typeof i1.SelectNewComponent, typeof i2.OptionNewComponent, typeof i3.OptGroupNewComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SelectNewModule>;
+}

package/lib/components/select-new/services/select-new.service.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class SelectNewService {
+    private _selected$;
+    selected$: import("rxjs").Observable<string>;
+    select(value: string): void;
+    getIconName(value: string): string;
+    getIconType(value: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectNewService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SelectNewService>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norwegian/core-components",
-  "version": "7.16.5",
+  "version": "7.17.0",
   "peerDependencies": {
     "@angular/common": ">=16.0.0 < 22.0.0",
     "@angular/core": ">=16.0.0 < 22.0.0"