@helsevestikt/hviktor-angular 0.0.17 → 0.0.18

package/types/helsevestikt-hviktor-angular.d.ts

@@ -1,6 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, OnInit, OnDestroy, AfterViewInit, OnChanges, TemplateRef, AfterContentInit, ElementRef, QueryList } from '@angular/core';
-import { Placement } from '@floating-ui/dom';
+import { EventEmitter, OnInit, TemplateRef, AfterContentInit, ElementRef, QueryList, OnDestroy } from '@angular/core';
 import { FormGroup, ValidatorFn, ReactiveFormsModule, ControlValueAccessor } from '@angular/forms';
 
 /**
@@ -347,12 +346,12 @@ declare class HviDivider {
 
 /**
  * @summary
- * Dropdown er en generisk nedtrekksliste. Den legger grunnmuren for å bygge menyer og lister..
+ * Dropdown er en generisk nedtrekksliste. Den legger grunnmuren for å bygge menyer og lister.
  *
  * @example
  * ```html
- * <button hviButton popovertarget="myDropdown">Åpne dropdown</button
- * <hvi-dropdown id="myDropdown" popover>
+ * <button hviButton popovertarget="myDropdown">Åpne dropdown</button>
+ * <hvi-dropdown id="myDropdown">
  *  <ul>
  *    <li>
  *     <button hviButton variant="tertiary">Menylenke</button>
@@ -366,36 +365,24 @@ declare class HviDivider {
  *
  * @see {@link https://designsystemet.no/en/components/docs/dropdown/code}
  */
-declare class HviDropdown implements OnInit, OnDestroy {
-    private el;
-    private cleanupAutoUpdate?;
-    private boundHandleClick?;
-    private boundHandleKeydown?;
-    /**ID to target the popover */
+declare class HviDropdown {
+    /** ID to target the popover */
     id?: string;
-    /** variant */
+    /** Popover type - 'auto' lukkes ved klikk utenfor, 'manual' krever manuell lukking */
+    type: 'auto' | 'manual';
+    /** Variant */
     variant?: 'default' | 'tertiary';
-    /** Plassering av popover relativt til trigger */
-    dropdownPlacement: Placement;
+    /** Plassering av dropdown relativt til trigger */
+    dropdownPlacement: 'top' | 'right' | 'bottom' | 'left';
     /** Aktiver automatisk repositjonering hvis det ikke er plass */
     autoPlacement: boolean;
-    /** Event når popover åpnes */
+    /** Event når dropdown åpnes */
     opened: EventEmitter<void>;
-    /** Event når popover lukkes */
+    /** Event når dropdown lukkes */
     closed: EventEmitter<void>;
-    private get dropdownElement();
-    private get triggerElement();
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    private setupEventListeners;
-    private removeEventListeners;
-    private handleBeforeToggle;
-    private handleToggle;
-    private updatePosition;
-    private startAutoUpdate;
-    private stopAutoUpdate;
+    onToggle(event: ToggleEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HviDropdown, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HviDropdown, "hvi-dropdown", never, { "id": { "alias": "id"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "dropdownPlacement": { "alias": "dropdownPlacement"; "required": false; }; "autoPlacement": { "alias": "autoPlacement"; "required": false; }; }, { "opened": "opened"; "closed": "closed"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HviDropdown, "hvi-dropdown", never, { "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "dropdownPlacement": { "alias": "dropdownPlacement"; "required": false; }; "autoPlacement": { "alias": "autoPlacement"; "required": false; }; }, { "opened": "opened"; "closed": "closed"; }, never, ["*"], true, never>;
 }
 
 type HviValidationMessages = Partial<Record<string, string>>;
@@ -497,6 +484,7 @@ type HviErrorSummaryMessages = Record<string, HviValidationMessages>;
  * Documentation: https://designsystemet.no/en/components/docs/error-summary/code
  */
 declare class HviErrorSummary {
+    private readonly el;
     /** Heading text shown above the list */
     heading: string;
     /** Heading level for the heading element (1-6). Defaults to 2 per DS */
@@ -524,11 +512,8 @@ declare class HviErrorSummary {
     idMap?: Record<string, string>;
     /** Auto mode: error key priority (first match wins) */
     errorPriority: readonly string[];
-    /** Used for aria-labelledby on the container */
-    headingId: string;
     /** When to show errors from the form controls */
     showWhen: 'submitted' | 'touched' | 'always';
-    private container?;
     focus(): void;
     /**
      * Handles click on error links to prevent Angular Router navigation
@@ -541,14 +526,9 @@ declare class HviErrorSummary {
     get shouldShow(): boolean;
     private anyInvalidTouched;
     static ɵfac: i0.ɵɵFactoryDeclaration<HviErrorSummary, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HviErrorSummary, "hvi-error-summary", never, { "heading": { "alias": "heading"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "form": { "alias": "form"; "required": false; }; "messages": { "alias": "messages"; "required": false; }; "idMap": { "alias": "idMap"; "required": false; }; "errorPriority": { "alias": "errorPriority"; "required": false; }; "headingId": { "alias": "headingId"; "required": false; }; "showWhen": { "alias": "showWhen"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HviErrorSummary, "hvi-error-summary", never, { "heading": { "alias": "heading"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "form": { "alias": "form"; "required": false; }; "messages": { "alias": "messages"; "required": false; }; "idMap": { "alias": "idMap"; "required": false; }; "errorPriority": { "alias": "errorPriority"; "required": false; }; "showWhen": { "alias": "showWhen"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare function fieldObserver(fieldElement: HTMLElement | null): (() => void) | undefined;
-declare const isElement: (node: Node) => node is Element;
-declare const isLabel: (node: Node) => node is HTMLLabelElement;
-declare const isInputLike: (node: unknown) => node is HTMLInputElement;
-
 /**
  * Decorative affix container displayed alongside a text input.
  *
@@ -594,68 +574,32 @@ declare class HviFieldAffixes {
 }
 
 /**
- * Counter component that displays remaining/exceeded character count for a field.
+ * Counter that displays remaining/exceeded character count for a field.
  *
- * @remarks
- * Shows a visual counter and provides accessible announcements via aria-live.
  * Must be used inside a `hvi-field` component alongside a textarea or input.
- *
- * The component automatically finds and tracks the input/textarea in the same field,
+ * The ds-field web component automatically tracks the input/textarea,
  * so you only need to provide the `limit` property.
  *
  * @example
- * Simple usage (auto-tracking):
  * ```html
  * <hvi-field>
  *   <label hviLabel for="description" weight="medium">Beskrivelse</label>
- *   <textarea hviInput id="description" rows="3" maxlength="100"></textarea>
+ *   <textarea hviInput id="description" rows="3"></textarea>
  *   <hvi-field-counter [limit]="100" />
  * </hvi-field>
  * ```
  *
- * @example
- * Manual tracking (for custom scenarios):
- * ```html
- * <hvi-field>
- *   <label hviLabel for="description" weight="medium">Beskrivelse</label>
- *   <textarea hviInput id="description" rows="3" #textarea></textarea>
- *   <hvi-field-counter [limit]="100" [count]="textarea.value.length" />
- * </hvi-field>
- * ```
- *
  * Documentation: https://designsystemet.no/en/components/docs/field/code
  */
-declare class HviFieldCounter implements AfterViewInit {
-    private readonly el;
-    private readonly destroyRef;
-    /** Auto-tracked character count from the input/textarea in the same field */
-    private readonly autoCount;
-    /**
-     * Current character count. If not provided, the component will
-     * automatically track the input/textarea in the same hvi-field.
-     */
-    count: i0.InputSignal<number | undefined>;
+declare class HviFieldCounter {
     /** Maximum allowed characters */
     limit: i0.InputSignal<number>;
     /** Label template when limit is exceeded. Use %d for the count. */
-    over: i0.InputSignal<string>;
+    over: i0.InputSignal<string | undefined>;
     /** Label template for remaining characters. Use %d for the count. */
-    under: i0.InputSignal<string>;
-    /** Hint text for screen readers about max characters. Use %d for the limit. */
-    hint: i0.InputSignal<string>;
-    /** Effective count - uses manual count if provided, otherwise auto-tracked */
-    private readonly effectiveCount;
-    /** Computed difference between limit and current count */
-    remaining: i0.Signal<number>;
-    /** Whether the limit has been exceeded */
-    isOver: i0.Signal<boolean>;
-    /** The formatted message to display */
-    message: i0.Signal<string>;
-    /** The formatted hint for screen readers */
-    formattedHint: i0.Signal<string>;
-    ngAfterViewInit(): void;
+    under: i0.InputSignal<string | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<HviFieldCounter, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HviFieldCounter, "hvi-field-counter", never, { "count": { "alias": "count"; "required": false; "isSignal": true; }; "limit": { "alias": "limit"; "required": true; "isSignal": true; }; "over": { "alias": "over"; "required": false; "isSignal": true; }; "under": { "alias": "under"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HviFieldCounter, "hvi-field-counter", never, { "limit": { "alias": "limit"; "required": true; "isSignal": true; }; "over": { "alias": "over"; "required": false; "isSignal": true; }; "under": { "alias": "under"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class HviFieldDescription {
@@ -674,7 +618,8 @@ declare class HviFieldValidation {
 }
 
 /**
- * Field is a helper component to automatically associate a field with hviLabel, hviFieldDescription and hviFieldValidation.
+ * @summary
+ * Field kobler automatisk sammen label, beskrivelse, validering og input via ds-field web component.
  *
  * @example
  * ```html
@@ -686,14 +631,11 @@ declare class HviFieldValidation {
  * </hvi-field>
  * ```
  *
- * Documentation: https://designsystemet.no/en/components/docs/field/overview
+ * @see {@link https://designsystemet.no/en/components/docs/field/overview}
  */
-declare class HviField implements AfterViewInit {
+declare class HviField {
     /** Position of toggle inputs (radio, checkbox, switch) in field */
     position?: 'start' | 'end';
-    private readonly el;
-    private readonly destroyRef;
-    ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HviField, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<HviField, "hvi-field", never, { "position": { "alias": "position"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
@@ -755,21 +697,39 @@ declare class HviInput {
     static ngAcceptInputType_readonly: unknown;
 }
 
+/** Resultatet av required-analysen av en FormGroup. */
+type FormRequiredMode = 'all-required' | 'mixed' | 'none';
 /**
- * @summary
- * Adds submit handling for Angular reactive forms:
- * - Tracks submitted state
- * - Marks all controls as touched on submit
- * - Optionally focuses an ErrorSummary when invalid
+ * Analyserer en FormGroup og returnerer required-modus.
+ *
+ * Alle controls telles – også de uten validators (de regnes som optional).
+ *
+ * - `'all-required'` – alle controls har required/requiredTrue
+ * - `'mixed'` – noen controls er required, noen ikke
+ * - `'none'` – ingen controls har required
+ */
+declare function analyzeFormRequired(formGroup: FormGroup): FormRequiredMode;
+/**
+ * Legges på `<form>` for å gi submit-håndtering og automatisk required-tag-analyse
+ * for Angular reactive forms.
+ *
+ * - Tracker submitted-state
+ * - Marker alle controls som touched ved submit
+ * - Analyserer FormGroup og eksponerer `requiredMode()` som child-komponenter
+ *   (f.eks. `HviTextfield`) kan injisere for automatisk required/optional-tagging
+ * - Sett `[showRequiredTags]="false"` for å skru av automatisk tagging
  *
  * @example
  * ```html
- * <[hviForm]></[hviForm]>
+ * <form hviForm [formGroup]="myForm">
+ *   @if (myHviForm.requiredMode() === 'all-required') {
+ *     <hvi-required-tag mode="all-required" />
+ *   }
+ *   <hvi-textfield label="Navn" formControlName="name" />
+ * </form>
  * ```
- *
- * Documentation: https://designsystemet.no/en/components/docs/form/code
  */
-declare class HviForm {
+declare class HviForm implements OnInit {
     /** Emits when the form has been submitted */
     hviSubmitted: EventEmitter<void>;
     /** True after first submit attempt */
@@ -778,10 +738,28 @@ declare class HviForm {
     focusOnInvalid?: {
         focus?: () => void;
     } | null;
+    /**
+     * Skru av/på automatisk required-tag-visning for child-komponenter.
+     * Default `true`. Sett til `false` for manuell kontroll.
+     */
+    showRequiredTags: boolean;
     private readonly formGroupDir;
+    /** Internal signal som oppdateres ved submit og init */
+    private readonly _requiredMode;
+    /**
+     * Analysert required-modus for FormGroup-en.
+     * - `'all-required'` – alle validerte controls er required
+     * - `'mixed'` – blanding av required og optional
+     * - `'none'` – ingen required-validering
+     */
+    readonly requiredMode: i0.Signal<FormRequiredMode>;
+    /** Oppdater required-analyse. Kalles automatisk ved submit, men kan kalles manuelt. */
+    refreshRequiredMode(): void;
     onSubmit(event: Event): void;
+    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HviForm, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<HviForm, "form[hviForm]", never, { "focusOnInvalid": { "alias": "focusOnInvalid"; "required": false; }; }, { "hviSubmitted": "hviSubmitted"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HviForm, "form[hviForm]", ["hviForm"], { "focusOnInvalid": { "alias": "focusOnInvalid"; "required": false; }; "showRequiredTags": { "alias": "showRequiredTags"; "required": false; }; }, { "hviSubmitted": "hviSubmitted"; }, never, never, true, never>;
+    static ngAcceptInputType_showRequiredTags: unknown;
 }
 
 /**
@@ -945,9 +923,40 @@ declare function hviCustom(key: string, validator: ValidatorFn, message: string)
  */
 declare function hviNullValidator(): HviValidatorBundle;
 
-declare const HviFieldKit: readonly [typeof HviField, typeof HviFieldValidation, typeof HviFieldDescription, typeof HviFieldOptional, typeof HviFieldAffix, typeof HviFieldAffixes, typeof HviFieldCounter];
+/** Tilgjengelige modes for RequiredTag. */
+type RequiredTagMode = 'all-required' | 'required' | 'optional';
+/**
+ * RequiredTag brukes sammen med labels i skjema for å indikere om et felt er
+ * påkrevd, valgfritt, eller om alle felt må fylles ut.
+ *
+ * Komponenten wrapper `HviTag` med forhåndsdefinerte tekster og farger basert på mode.
+ * Bruker `display: contents` slik at den fungerer inline i `<label>` og frittstående.
+ *
+ * Kan brukes manuelt, eller automatisk via `HviForm` som analyserer FormGroup
+ * og lar child-komponenter som `HviTextfield` vise riktig tag.
+ *
+ * @example
+ * ```html
+ * <hvi-required-tag />
+ * <hvi-required-tag mode="optional" />
+ * <hvi-required-tag mode="all-required" />
+ * ```
+ */
+declare class HviRequiredTag {
+    /**
+     * Bestemmer tekst og farge på taggen.
+     * - `required` (default): "Må fylles ut" (warning)
+     * - `optional`: "Valgfritt" (info)
+     * - `all-required`: "Alle felt må fylles ut" (warning)
+     */
+    mode: RequiredTagMode;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HviRequiredTag, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HviRequiredTag, "hvi-required-tag", never, { "mode": { "alias": "mode"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare const HviFieldKit: readonly [typeof HviField, typeof HviFieldValidation, typeof HviFieldDescription, typeof HviFieldOptional, typeof HviFieldAffix, typeof HviFieldAffixes, typeof HviFieldCounter, typeof HviRequiredTag];
 declare const HviValidationKit: readonly [typeof ReactiveFormsModule, typeof HviForm, typeof HviControlInvalid, typeof HviValidationMessage];
-declare const HviForms: readonly [typeof ReactiveFormsModule, typeof HviForm, typeof HviControlInvalid, typeof HviValidationMessage, typeof HviField, typeof HviFieldValidation, typeof HviFieldDescription, typeof HviFieldOptional, typeof HviFieldAffix, typeof HviFieldAffixes, typeof HviFieldCounter, typeof HviInput, typeof HviFieldset, typeof HviErrorSummary];
+declare const HviForms: readonly [typeof ReactiveFormsModule, typeof HviForm, typeof HviControlInvalid, typeof HviValidationMessage, typeof HviField, typeof HviFieldValidation, typeof HviFieldDescription, typeof HviFieldOptional, typeof HviFieldAffix, typeof HviFieldAffixes, typeof HviFieldCounter, typeof HviRequiredTag, typeof HviInput, typeof HviFieldset, typeof HviErrorSummary];
 
 /**
  * Heading is used to structure content and create hierarchy on a page.
@@ -966,25 +975,6 @@ declare class HviHeading {
     static ɵdir: i0.ɵɵDirectiveDeclaration<HviHeading, "h1[hviHeading], h2[hviHeading], h3[hviHeading], h4[hviHeading], h5[hviHeading], h6[hviHeading]", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-type IconName = 'ArrowRight' | 'ArrowLeft' | 'ArrowUp' | 'ArrowDown' | 'ExclamationmarkTriangle' | 'Triangle' | 'Person';
-type IconSize = 'sm' | 'md' | 'lg' | 'xl';
-type IconColor = 'currentColor' | 'danger';
-
-declare class HviIcon implements OnChanges {
-    icon: IconName;
-    color?: IconColor;
-    size: IconSize;
-    ariaHidden: boolean;
-    private readonly http;
-    private readonly elementRef;
-    private readonly cdr;
-    ngOnChanges(): void;
-    private loadIcon;
-    static ɵfac: i0.ɵɵFactoryDeclaration<HviIcon, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HviIcon, "hvi-icon", never, { "icon": { "alias": "icon"; "required": true; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "ariaHidden": { "alias": "ariaHidden"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_ariaHidden: unknown;
-}
-
 /**
  * Label functions as a clear and accessible text label that tells the user what an associated form element is about.
  *
@@ -1242,65 +1232,26 @@ declare class HviParagraph {
  *
  * @see {@link https://designsystemet.no/en/components/docs/popover/code}
  */
-declare class HviPopover implements OnInit, OnDestroy {
-    private el;
-    private cleanupAutoUpdate?;
-    private boundHandleClick?;
-    private boundHandleKeydown?;
-    /** Popover type - 'manual' krever manuell lukking, 'auto' lukkes ved klikk utenfor */
+declare class HviPopover {
+    /** Popover type - 'auto' lukkes ved klikk utenfor eller Escape, 'manual' krever manuell lukking */
     type: 'auto' | 'manual' | 'hint';
     /** Visuell variant */
     variant: 'default' | 'tinted';
     /** Farge-tema */
     color: 'neutral' | 'danger' | 'info' | 'success' | 'warning';
     /** Plassering av popover relativt til trigger */
-    placement: Placement;
+    placement: 'top' | 'right' | 'bottom' | 'left';
     /** Aktiver automatisk repositjonering hvis det ikke er plass */
     autoPlacement: boolean;
     /** Event når popover åpnes */
     opened: EventEmitter<void>;
     /** Event når popover lukkes */
     closed: EventEmitter<void>;
-    private get popoverElement();
-    private get triggerElement();
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    private setupEventListeners;
-    private removeEventListeners;
-    private handleBeforeToggle;
-    private handleToggle;
-    private updatePosition;
-    private startAutoUpdate;
-    private stopAutoUpdate;
+    onToggle(event: ToggleEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HviPopover, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<HviPopover, "hvi-popover", never, { "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "color": { "alias": "color"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "autoPlacement": { "alias": "autoPlacement"; "required": false; }; }, { "opened": "opened"; "closed": "closed"; }, never, ["*"], true, never>;
 }
 
-/**
- * RequiredTag brukes sammen med labels i skjema for å indikere om et felt er
- * påkrevd, valgfritt, eller om alle felt må fylles ut.
- *
- * Komponenten wrapper `HviTag` med forhåndsdefinerte tekster og farger basert på mode.
- *
- * @example
- * ```html
- * <hvi-required-tag />
- * <hvi-required-tag mode="optional" />
- * <hvi-required-tag mode="all-required" />
- * ```
- */
-declare class HviRequiredTag {
-    /**
-     * Bestemmer tekst og farge på taggen.
-     * - `required` (default): "Må fylles ut" (warning)
-     * - `optional`: "Valgfritt" (info)
-     * - `all-required`: "Alle felt må fylles ut" (warning)
-     */
-    mode: 'all-required' | 'required' | 'optional';
-    static ɵfac: i0.ɵɵFactoryDeclaration<HviRequiredTag, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HviRequiredTag, "hvi-required-tag", never, { "mode": { "alias": "mode"; "required": false; }; }, {}, never, never, true, never>;
-}
-
 /**
  * @summary
  * SearchClear is a button directive for clearing the search input.
@@ -1820,12 +1771,26 @@ declare class HviTextfield implements ControlValueAccessor {
     /** Character counter limit. Displays a counter below the field. */
     counterLimit?: number;
     /**
-     * Label text shown in a warning Tag next to the label when the field is required.
-     * E.g. "Må fylles ut". Also sets the `required` attribute on the input.
+     * Manuell overstyring av required-tag-mode.
+     * Når satt, vises taggen uavhengig av HviForm-kontekst.
+     * - `'required'`: "Må fylles ut" (warning)
+     * - `'optional'`: "Valgfritt" (info)
+     *
+     * Når IKKE satt og feltet er inne i en `<form hviForm>`, bestemmes mode automatisk:
+     * - Form er `'all-required'` → ingen tag per felt (vis `all-required` øverst i form)
+     * - Form er `'mixed'` → `'required'` hvis feltet er required, `'optional'` hvis ikke
+     * - Form er `'none'` → ingen tag
      */
-    requiredLabel?: string;
+    requiredMode?: RequiredTagMode;
     /** Autocomplete attribute for the input, e.g. 'given-name', 'email'. */
     autocomplete?: string;
+    /** Injisert HviForm for automatisk required-tag-beregning */
+    private readonly hviForm;
+    /**
+     * Beregnet required-tag-mode basert på manuell overstyring eller HviForm-kontekst.
+     * Returnerer `null` hvis ingen tag skal vises.
+     */
+    get effectiveRequiredMode(): RequiredTagMode | null;
     /** Render a textarea instead of input for multiline support */
     multiline: boolean;
     /** Supported input types */
@@ -1861,7 +1826,7 @@ declare class HviTextfield implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HviTextfield, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HviTextfield, "hvi-textfield", never, { "label": { "alias": "label"; "required": false; }; "description": { "alias": "description"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "error": { "alias": "error"; "required": false; }; "counterLimit": { "alias": "counterLimit"; "required": false; }; "requiredLabel": { "alias": "requiredLabel"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; "type": { "alias": "type"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "size": { "alias": "size"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "value": { "alias": "value"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HviTextfield, "hvi-textfield", never, { "label": { "alias": "label"; "required": false; }; "description": { "alias": "description"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "error": { "alias": "error"; "required": false; }; "counterLimit": { "alias": "counterLimit"; "required": false; }; "requiredMode": { "alias": "requiredMode"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; "type": { "alias": "type"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "size": { "alias": "size"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "value": { "alias": "value"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_multiline: unknown;
     static ngAcceptInputType_required: unknown;
     static ngAcceptInputType_disabled: unknown;
@@ -1982,51 +1947,16 @@ declare class HviToggleGroupItem implements OnInit, OnDestroy {
  *
  * @see {@link https://designsystemet.no/en/components/docs/tooltip/code}
  */
-declare class HviTooltip implements OnInit, OnDestroy {
-    private el;
-    private renderer;
-    private tooltipElement;
-    private tooltipId;
-    private cleanupAutoUpdate?;
-    private showTimeout?;
-    private hideTimeout?;
-    private isOpen;
-    private listeners;
+declare class HviTooltip {
     /** Tooltip content */
     hviTooltip: string;
     /** Placement of the tooltip relative to the trigger */
-    tooltipPlacement: Placement;
+    tooltipPlacement: 'top' | 'right' | 'bottom' | 'left';
     /** Enable auto placement when there's not enough space */
     tooltipAutoPlacement: boolean;
-    /**
-     * Override ARIA attribute type.
-     * - 'describedby': tooltip describes the element (default for elements with text)
-     * - 'labelledby': tooltip labels the element (default for icon-only buttons)
-     */
-    tooltipType?: 'describedby' | 'labelledby';
-    /** Delay before showing tooltip (ms) */
-    tooltipShowDelay: number;
-    /** Delay before hiding tooltip (ms) */
-    tooltipHideDelay: number;
-    private get hostElement();
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    private createTooltipElement;
-    private setupTriggerAttributes;
-    private detectAriaType;
-    private setupEventListeners;
-    private scheduleShow;
-    private scheduleHide;
-    private clearTimeouts;
-    private show;
-    private hide;
-    private updatePosition;
-    private startAutoUpdate;
-    private stopAutoUpdate;
-    private cleanup;
     static ɵfac: i0.ɵɵFactoryDeclaration<HviTooltip, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<HviTooltip, "[hviTooltip]", never, { "hviTooltip": { "alias": "hviTooltip"; "required": true; }; "tooltipPlacement": { "alias": "tooltipPlacement"; "required": false; }; "tooltipAutoPlacement": { "alias": "tooltipAutoPlacement"; "required": false; }; "tooltipType": { "alias": "tooltipType"; "required": false; }; "tooltipShowDelay": { "alias": "tooltipShowDelay"; "required": false; }; "tooltipHideDelay": { "alias": "tooltipHideDelay"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HviTooltip, "[hviTooltip]", never, { "hviTooltip": { "alias": "hviTooltip"; "required": true; }; "tooltipPlacement": { "alias": "tooltipPlacement"; "required": false; }; "tooltipAutoPlacement": { "alias": "tooltipAutoPlacement"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-export { HviAlert, HviAvatar, HviAvatarStack, HviBadge, HviBadgePosition, HviBreadcrumbs, HviButton, HviCard, HviCardBlock, HviChipButton, HviChipLabel, HviControlInvalid, HviDetails, HviDetailsContent, HviDetailsSummary, HviDialog, HviDialogBlock, HviDivider, HviDropdown, HviErrorSummary, HviField, HviFieldAffix, HviFieldAffixes, HviFieldCounter, HviFieldDescription, HviFieldKit, HviFieldOptional, HviFieldValidation, HviFieldset, HviForm, HviForms, HviHeading, HviIcon, HviInput, HviLabel, HviLink, HviList, HviLogo, HviPagination, HviParagraph, HviPopover, HviRequiredTag, HviSearch, HviSearchClear, HviSelect, HviSkeleton, HviSkipLink, HviSortableColumn, HviSpinner, HviTab, HviTabPanel, HviTable, HviTabs, HviTag, HviTextfield, HviToggleGroup, HviToggleGroupItem, HviToggleGroupItemToken, HviTooltip, HviValidationKit, HviValidationMessage, LOGOS, buildLogo, fieldObserver, hviCustom, hviEmail, hviExtractMessages, hviExtractValidators, hviMax, hviMaxLength, hviMin, hviMinLength, hviNullValidator, hviPattern, hviRequired, hviRequiredTrue, hviValidators, isElement, isInputLike, isLabel };
-export type { HviErrorSummaryItem, HviErrorSummaryMessages, HviValidationMessages, HviValidatorBundle, HviValidatorConfig, LogoCompany, LogoDefinition, LogoPath, LogoSize, PageChangeEvent, PaginationItem, SortDirection, SpinnerSize, TablePageEvent, TableSortEvent };
+export { HviAlert, HviAvatar, HviAvatarStack, HviBadge, HviBadgePosition, HviBreadcrumbs, HviButton, HviCard, HviCardBlock, HviChipButton, HviChipLabel, HviControlInvalid, HviDetails, HviDetailsContent, HviDetailsSummary, HviDialog, HviDialogBlock, HviDivider, HviDropdown, HviErrorSummary, HviField, HviFieldAffix, HviFieldAffixes, HviFieldCounter, HviFieldDescription, HviFieldKit, HviFieldOptional, HviFieldValidation, HviFieldset, HviForm, HviForms, HviHeading, HviInput, HviLabel, HviLink, HviList, HviLogo, HviPagination, HviParagraph, HviPopover, HviRequiredTag, HviSearch, HviSearchClear, HviSelect, HviSkeleton, HviSkipLink, HviSortableColumn, HviSpinner, HviTab, HviTabPanel, HviTable, HviTabs, HviTag, HviTextfield, HviToggleGroup, HviToggleGroupItem, HviToggleGroupItemToken, HviTooltip, HviValidationKit, HviValidationMessage, LOGOS, analyzeFormRequired, buildLogo, hviCustom, hviEmail, hviExtractMessages, hviExtractValidators, hviMax, hviMaxLength, hviMin, hviMinLength, hviNullValidator, hviPattern, hviRequired, hviRequiredTrue, hviValidators };
+export type { FormRequiredMode, HviErrorSummaryItem, HviErrorSummaryMessages, HviValidationMessages, HviValidatorBundle, HviValidatorConfig, LogoCompany, LogoDefinition, LogoPath, LogoSize, PageChangeEvent, PaginationItem, RequiredTagMode, SortDirection, SpinnerSize, TablePageEvent, TableSortEvent };