@norwegian/core-components 6.33.1 → 6.34.0

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

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

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

@@ -0,0 +1,135 @@
+import { FormGroup } from '@angular/forms';
+import { NasComponentBase, ClassModel } from '../../core';
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @license
+ * Copyright Norwegian Air Shuttle. All Rights Reserved.
+ * @description
+ * Norwegian radio button Component | New design | Beta
+ */
+export declare class RadioNewComponent extends NasComponentBase {
+    private checkedValue;
+    /**
+     * @property Input
+    * @description
+     * The ID of the native input element
+    */
+    id: string;
+    /**
+     * @property Input
+     * @description
+     * The value of the radio button, represented as a string
+    */
+    value: string;
+    /**
+     * @property Input
+     * @description
+     * Sets the name attribute of the native radio input
+    */
+    name: string;
+    /**
+     * @property Input
+     * @description
+     * Sets error styling of the radio input
+    */
+    error: boolean;
+    /**
+     * @property Input
+     * @description
+     * Sets the radio input disabled with disabled styling. This will not work in combination with reactive forms.
+    */
+    disabled: boolean;
+    /**
+     * @property Input
+     * @description
+     * Sets the radio component to strong styling
+    */
+    strong: boolean;
+    /**
+     * @property Input
+     * @description
+     * Sets the display css property to block
+    */
+    block: boolean;
+    /**
+     * @property Input
+     * @description
+     * Removed the bottom margin
+    */
+    spaceless: boolean;
+    /**
+     * @property Input
+     * @description
+     * String to set tabIndex on native input element
+    */
+    tabIndex: number;
+    /**
+     * @property Input
+     * @description
+     * Sets required attribute on native radio input element
+    */
+    required: boolean;
+    /**
+     * @property Input
+     * @description
+     * Used to set the 'aria-label' attribute on the underlying input element.
+    */
+    ariaLabel: string;
+    /**
+     * @property Input
+     * @description
+     * The 'aria-labelledby' attribute takes precedence as the element's text alternative.
+    */
+    ariaDescribedby: string;
+    /**
+     * @property Input
+     * @description
+     * The 'aria-describedby' attribute is read after the element's label and field type.
+    */
+    ariaLabelledby: string;
+    /**
+     * @property Input
+     * @description
+     * Set the radio button checked.
+     * @example
+     * <nas-radio checked></nas-radio>
+    */
+    get checked(): boolean;
+    set checked(input: boolean);
+    /**
+     * @property Input
+     * @description
+     * Sets a formControlName directive to the input.
+     * It requires that the consumer included ReactiveFormsModule in it's module.
+     * It requiers that the nasFormGroup input is filled.
+     * @example
+     * <nas-input [nasFormControlName]="'username'"></nas-input>
+    */
+    nasFormControlName: string;
+    /**
+     * @property Input
+     * @description
+     * Adds the parent's form group.
+     * It requires that the consumer included ReactiveFormsModule in it's module.
+     * It is requiered to be filled if nasFormControlName added.
+     * @example
+     * <nas-input [nasFormGroup]="loginGroup"></nas-input>
+    */
+    nasFormGroup: FormGroup;
+    /**
+     * @property Output
+     * @description
+     * Listen for checked change events.
+     * @example
+     * <nas-radio (checkedChange)="onCheckedChange($event)"></nas-radio>
+     */
+    checkedChange: EventEmitter<boolean>;
+    private componentId;
+    get inputId(): string;
+    constructor();
+    mainClass(): ClassModel;
+    onChange(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioNewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioNewComponent, "nas-radio-new", never, { "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "error": { "alias": "error"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "strong": { "alias": "strong"; "required": false; }; "block": { "alias": "block"; "required": false; }; "spaceless": { "alias": "spaceless"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "required": { "alias": "required"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "nasFormControlName": { "alias": "nasFormControlName"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, ["*"], false, never>;
+}

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./radio-new.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "../../core/directives/nas-class/nas-class.module";
+export declare class RadioNewModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioNewModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RadioNewModule, [typeof i1.RadioNewComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.NasClassModule, typeof i3.ReactiveFormsModule], [typeof i1.RadioNewComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RadioNewModule>;
+}

package/lib/components/slide-toggle-new/index.d.ts

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

package/lib/components/slide-toggle-new/slide-toggle-new.component.d.ts

@@ -0,0 +1,70 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { NasComponentBase } from '../../core/base/nas-component.base';
+import { ClassModel } from '../../core/models/class.model';
+import { FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+/**
+ * @description
+ * Norwegian Slide Toogle Component | New design | Beta
+ */
+export declare class SlideToggleNewComponent extends NasComponentBase implements OnInit {
+    /**
+     * @property Input
+     * @description
+     * Sets a formControlName directive to the input.
+     * It requires that the consumer included ReactiveFormsModule in it's module.
+     * It requiers that the nasFormGroup input is filled.
+     */
+    nasFormControlName: string;
+    /**
+     * @property Input
+     * @description
+     * Adds the parent's form group.
+     * It requires that the consumer included ReactiveFormsModule in it's module.
+     * It is requiered to be filled if nasFormControlName added.
+     */
+    nasFormGroup: FormGroup;
+    /**
+     * @property Input
+     * @description
+     * Boolean to disable the slide toggle.
+     */
+    disabled: boolean;
+    /**
+     * @property Input
+     * @description
+     * Sets the Id of the native input element.
+     */
+    get inputId(): string;
+    set inputId(value: string);
+    /**
+     * @property Input
+     * @description
+     * Set the toggle value.
+     */
+    get toggle(): boolean;
+    set toggle(value: boolean);
+    /**
+     * @property Output
+     * @description
+     * Toggle change events.
+     */
+    toggleChange: EventEmitter<boolean>;
+    /**
+     * @property Output
+     * @description
+     * Emits when the focus should be on the previous element.
+     */
+    focusOnPrevious: EventEmitter<KeyboardEvent>;
+    get mainClass(): ClassModel;
+    private toggleValue;
+    private componentId;
+    private inputIdValue;
+    constructor();
+    ngOnInit(): void;
+    inputChanged(event: Event): void;
+    inputClicked(event: Event): void;
+    onKeydown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SlideToggleNewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SlideToggleNewComponent, "nas-slide-toggle-new", never, { "nasFormControlName": { "alias": "nasFormControlName"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "toggle": { "alias": "toggle"; "required": false; }; }, { "toggleChange": "toggleChange"; "focusOnPrevious": "focusOnPrevious"; }, never, ["*"], false, never>;
+}

package/lib/components/slide-toggle-new/slide-toggle-new.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./slide-toggle-new.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../../core/directives/nas-class/nas-class.module";
+import * as i4 from "@angular/forms";
+export declare class SlideToggleNewModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SlideToggleNewModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SlideToggleNewModule, [typeof i1.SlideToggleNewComponent], [typeof i2.CommonModule, typeof i3.NasClassModule, typeof i4.ReactiveFormsModule, typeof i4.FormsModule], [typeof i1.SlideToggleNewComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SlideToggleNewModule>;
+}

package/package.json

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