@norwegian/core-components 7.20.2 → 7.22.0

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

@@ -22,12 +22,24 @@ export declare class AutocompleteComponent extends NasComponentBase implements O
     span: ElementRef;
     results: ElementRef;
     labelElement: ElementRef<HTMLElement>;
+    /**
+     * @property Input
+     * @description
+     * The ID of the native input element
+     */
+    id: string;
     /**
      * @property Input
      * @description
      * A label that will appear inside the text field.
      */
     label: string;
+    /**
+     * @property Input
+     * @description
+     * Sets the label of the input inside the input field, default value is true
+     */
+    labelInside: boolean;
     /**
      * @property Input
      * @description
@@ -40,6 +52,12 @@ export declare class AutocompleteComponent extends NasComponentBase implements O
      * An icon that will appear inside the text field.
      */
     icon: string;
+    /**
+     * @property Input
+     * @description
+     * Sets a secondary color theme.
+     */
+    secondary: boolean;
     /**
      * @property Input
      * @description
@@ -109,6 +127,7 @@ export declare class AutocompleteComponent extends NasComponentBase implements O
     selectedChange: EventEmitter<AutocompleteModel>;
     openChange: EventEmitter<boolean>;
     modelChange: EventEmitter<string>;
+    get inputId(): string;
     private openValue;
     private itemsValue;
     private modelValue;
@@ -131,5 +150,5 @@ export declare class AutocompleteComponent extends NasComponentBase implements O
     onInput(event: Event): void;
     setRemoveIcon(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "nas-autocomplete", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "items": { "alias": "items"; "required": false; }; "open": { "alias": "open"; "required": false; }; "model": { "alias": "model"; "required": false; }; "disableBackdrop": { "alias": "disableBackdrop"; "required": false; }; "nasFormControlName": { "alias": "nasFormControlName"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "ariaLabelBackdrop": { "alias": "ariaLabelBackdrop"; "required": false; }; "ariaLabelClear": { "alias": "ariaLabelClear"; "required": false; }; }, { "focusOnNext": "focusOnNext"; "selectedChange": "selectedChange"; "openChange": "openChange"; "modelChange": "modelChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "nas-autocomplete", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelInside": { "alias": "labelInside"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "secondary": { "alias": "secondary"; "required": false; }; "items": { "alias": "items"; "required": false; }; "open": { "alias": "open"; "required": false; }; "model": { "alias": "model"; "required": false; }; "disableBackdrop": { "alias": "disableBackdrop"; "required": false; }; "nasFormControlName": { "alias": "nasFormControlName"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "ariaLabelBackdrop": { "alias": "ariaLabelBackdrop"; "required": false; }; "ariaLabelClear": { "alias": "ariaLabelClear"; "required": false; }; }, { "focusOnNext": "focusOnNext"; "selectedChange": "selectedChange"; "openChange": "openChange"; "modelChange": "modelChange"; }, never, never, false, never>;
 }

package/lib/components/toggle/models/options.model.d.ts

@@ -1,7 +1,8 @@
 export declare class OptionModel {
     name: string;
     value: string;
-    text: string;
+    text?: string;
     icon?: string;
     href?: string;
+    title?: string;
 }

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

@@ -166,6 +166,16 @@ export declare class ToggleComponent extends NasComponentBase implements OnInit
      * <nas-toggle scrollable></nas-toggle>
     */
     scrollable: boolean;
+    /**
+     * @property Input
+     * @description
+     * Controls whether '--light' suffix is toggled on icons based on selection state.
+     * @example
+     * <nas-toggle toggleIconLight></nas-toggle>
+     * or
+     * <nas-toggle [toggleIconLight]="true"></nas-toggle>
+    */
+    toggleIconLight?: boolean;
     iconType: string;
     isRounded: boolean;
     constructor();
@@ -173,7 +183,8 @@ export declare class ToggleComponent extends NasComponentBase implements OnInit
     getOptionId(option: OptionModel): string;
     onChange(option: OptionModel): void;
     mainClasses(): import("@norwegian/core-components").ClassModel;
+    getIconName(option: OptionModel): string;
     onClickHref(event: MouseEvent, option: OptionModel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "nas-toggle", never, { "options": { "alias": "options"; "required": false; }; "large": { "alias": "large"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "small": { "alias": "small"; "required": false; }; "big": { "alias": "big"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "label": { "alias": "label"; "required": false; }; "light": { "alias": "light"; "required": false; }; "tab": { "alias": "tab"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "grouped": { "alias": "grouped"; "required": false; }; "group": { "alias": "group"; "required": false; }; "nasFormControlName": { "alias": "nasFormControlName"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; }, { "handleChange": "handleChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "nas-toggle", never, { "options": { "alias": "options"; "required": false; }; "large": { "alias": "large"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "small": { "alias": "small"; "required": false; }; "big": { "alias": "big"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "label": { "alias": "label"; "required": false; }; "light": { "alias": "light"; "required": false; }; "tab": { "alias": "tab"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "grouped": { "alias": "grouped"; "required": false; }; "group": { "alias": "group"; "required": false; }; "nasFormControlName": { "alias": "nasFormControlName"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "toggleIconLight": { "alias": "toggleIconLight"; "required": false; }; }, { "handleChange": "handleChange"; }, never, never, false, never>;
 }

package/package.json

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