@helsevestikt/hviktor-angular 0.0.16 → 0.0.18

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

@@ -1,7 +1,6 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, AfterViewInit, OnChanges, OnInit, OnDestroy, TemplateRef, AfterContentInit, ElementRef, QueryList } from '@angular/core';
+import { EventEmitter, OnInit, TemplateRef, AfterContentInit, ElementRef, QueryList, OnDestroy } from '@angular/core';
 import { FormGroup, ValidatorFn, ReactiveFormsModule, ControlValueAccessor } from '@angular/forms';
-import { Placement } from '@floating-ui/dom';
 
 /**
  * Alert provides users with information that is especially important for them to see and understand.
@@ -55,6 +54,28 @@ declare class HviAvatar {
     static ɵcmp: i0.ɵɵComponentDeclaration<HviAvatar, "hvi-avatar", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
+/**
+ * @summary
+ * AvatarStack stabler en samling Avatar elementer
+ *
+ * @example
+ * ```html
+ * <hvi-avatar-stack></hvi-avatar-stack>
+ * ```
+ *
+ * @see {@link https://designsystemet.no/en/components/docs/avatar-stack/code}
+ */
+declare class HviAvatarStack {
+    /** variant */
+    variant?: 'square' | 'circle';
+    /** Plassering av popover relativt til trigger */
+    expandable?: 'true' | 'fixed';
+    suffix?: string;
+    gap?: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HviAvatarStack, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HviAvatarStack, "figure[hviAvatarStack]", never, { "variant": { "alias": "variant"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; }, {}, never, never, true, never>;
+}
+
 declare class HviBadgePosition {
     /** Overlap of the badge */
     overlap: 'rectangle' | 'circle';
@@ -323,6 +344,47 @@ declare class HviDivider {
     static ɵdir: i0.ɵɵDirectiveDeclaration<HviDivider, "hr[hviDivider]", never, {}, {}, never, never, true, never>;
 }
 
+/**
+ * @summary
+ * 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">
+ *  <ul>
+ *    <li>
+ *     <button hviButton variant="tertiary">Menylenke</button>
+ *   </li>
+ *   <li>
+ *    <button hviButton variant="tertiary">Menylenke</button>
+ *  </li>
+ * </ul>
+ * </hvi-dropdown>
+ * ```
+ *
+ * @see {@link https://designsystemet.no/en/components/docs/dropdown/code}
+ */
+declare class HviDropdown {
+    /** ID to target the popover */
+    id?: string;
+    /** Popover type - 'auto' lukkes ved klikk utenfor, 'manual' krever manuell lukking */
+    type: 'auto' | 'manual';
+    /** Variant */
+    variant?: 'default' | 'tertiary';
+    /** Plassering av dropdown relativt til trigger */
+    dropdownPlacement: 'top' | 'right' | 'bottom' | 'left';
+    /** Aktiver automatisk repositjonering hvis det ikke er plass */
+    autoPlacement: boolean;
+    /** Event når dropdown åpnes */
+    opened: EventEmitter<void>;
+    /** Event når dropdown lukkes */
+    closed: EventEmitter<void>;
+    onToggle(event: ToggleEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HviDropdown, 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>>;
 declare class HviValidationMessage {
     /**
@@ -422,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 */
@@ -449,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
@@ -466,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.
  *
@@ -519,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 {
@@ -599,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
@@ -611,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>;
 }
@@ -680,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 */
@@ -703,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;
 }
 
 /**
@@ -870,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.
@@ -891,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.
  *
@@ -970,6 +1035,83 @@ declare class HviList {
     static ɵdir: i0.ɵɵDirectiveDeclaration<HviList, "ol[hviList], ul[hviList]", never, {}, {}, never, never, true, never>;
 }
 
+/** A single SVG path with fill type */
+interface LogoPath {
+    /** SVG path data string */
+    d: string;
+    /**
+     * 'accent' = always #6CACE4 (blue dots)
+     * 'themed' = switches between dark (#003087) and light (white) via currentColor
+     */
+    fill: 'themed' | 'accent';
+}
+/** Defines the SVG structure for a single logo */
+interface LogoDefinition {
+    /** SVG viewBox attribute */
+    viewBox: string;
+    /** Default width */
+    width: number;
+    /** Default height */
+    height: number;
+    /** Accessible label for the logo */
+    label: string;
+    /** SVG path elements */
+    paths: LogoPath[];
+}
+/** Available logo sizes */
+type LogoSize = 'sm' | 'md' | 'lg';
+
+/** Available company identifiers for the logo component */
+type LogoCompany = keyof typeof LOGOS;
+/**
+ * Path data and metadata for all logos.
+ *
+ * Individual logo definitions live in their own files (logo-hve.ts, logo-hvikt.ts, etc.)
+ * to keep file sizes manageable. This registry assembles them.
+ */
+declare const LOGOS: {
+    dots: LogoDefinition;
+    hvikt: LogoDefinition;
+    hve: LogoDefinition;
+    hbe: LogoDefinition;
+    'hbe-hus': LogoDefinition;
+    hfd: LogoDefinition;
+    hfo: LogoDefinition;
+    hst: LogoDefinition;
+    'hst-sus': LogoDefinition;
+    sav: LogoDefinition;
+};
+
+/** Builds a dots-first logo: [dots] [themed dot] [HELSE] [unique company text] */
+declare function buildLogo(label: string, companyPaths: LogoPath[], viewBox?: string, width?: number, height?: number): LogoDefinition;
+
+/**
+ * Logo displays a Helse Vest company logo with automatic light/dark mode support.
+ *
+ * The themed paths (text and dark dot) use `currentColor` so they respond to the
+ * CSS `color` property, while accent paths (blue dots) keep a fixed color.
+ *
+ * The component automatically responds to `data-color-scheme` set by the application
+ * (via Designsystemet), so no manual mode switching is needed.
+ *
+ * @example
+ * ```html
+ * <hvi-logo company="hve" />
+ * <hvi-logo company="hve" size="lg" />
+ * ```
+ */
+declare class HviLogo {
+    /** Which company logo to display */
+    readonly company: i0.InputSignal<"dots" | "hvikt" | "hve" | "hbe" | "hbe-hus" | "hfd" | "hfo" | "hst" | "hst-sus" | "sav">;
+    /** Logo size — sm (40px), md (65px, default), lg (82px) height */
+    readonly size: i0.InputSignal<LogoSize>;
+    /** Override the default accessible label */
+    readonly ariaLabel: i0.InputSignal<string | undefined>;
+    protected readonly logo: i0.Signal<LogoDefinition>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HviLogo, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HviLogo, "hvi-logo", never, { "company": { "alias": "company"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 /** Type for hvert element i pagineringslisten */
 type PaginationItem = {
     type: 'page';
@@ -1090,36 +1232,22 @@ 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>;
 }
@@ -1606,6 +1734,105 @@ declare class HviTag {
     static ɵcmp: i0.ɵɵComponentDeclaration<HviTag, "hvi-tag", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
+/**
+ * Textfield gir brukere muligheten til å skrive fritekst eller tall.
+ *
+ * Dette er en sammensatt komponent som bruker Field, Input/Textarea og Label under panseret.
+ * Bruk `multiline` for å bytte mellom input og textarea.
+ *
+ * @example
+ * ```html
+ * <hvi-textfield label="Navn"></hvi-textfield>
+ * ```
+ *
+ * @example
+ * ```html
+ * <hvi-textfield label="Beskrivelse" [multiline]="true" [rows]="4"></hvi-textfield>
+ * ```
+ *
+ * @example
+ * ```html
+ * <hvi-textfield label="Pris" prefix="NOK" suffix="pr. mnd"></hvi-textfield>
+ * ```
+ *
+ * @see {@link https://designsystemet.no/en/components/docs/textfield/code}
+ */
+declare class HviTextfield implements ControlValueAccessor {
+    /** Label for the textfield */
+    label: string;
+    /** Description text below the label */
+    description?: string;
+    /** Prefix text displayed before the input */
+    prefix?: string;
+    /** Suffix text displayed after the input */
+    suffix?: string;
+    /** Error message for the field */
+    error?: string;
+    /** Character counter limit. Displays a counter below the field. */
+    counterLimit?: number;
+    /**
+     * 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
+     */
+    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 */
+    type: 'number' | 'hidden' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'month' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';
+    /** Number of rows for textarea (multiline mode) */
+    rows?: number;
+    /** Width of input in character count */
+    size?: number;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Name attribute for the input */
+    name?: string;
+    /** Id attribute for the input. Auto-generated if not provided. */
+    id?: string;
+    /** Max length attribute for the input */
+    maxLength?: number;
+    /** Initial value for the input */
+    set value(v: string);
+    _value: string;
+    _disabled: boolean;
+    _readOnly: boolean;
+    _required: boolean;
+    set required(value: boolean);
+    set disabled(value: boolean);
+    set readOnly(value: boolean);
+    private readonly _uniqueId;
+    private _onChange;
+    _onTouched: () => void;
+    get inputId(): string;
+    _handleInput(event: Event): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    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; }; "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;
+    static ngAcceptInputType_readOnly: unknown;
+}
+
 /**
  * @summary
  * ToggleGroup collects related options. The component consists of a group of
@@ -1720,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, HviBadge, HviBadgePosition, HviBreadcrumbs, HviButton, HviCard, HviCardBlock, HviChipButton, HviChipLabel, HviControlInvalid, HviDetails, HviDetailsContent, HviDetailsSummary, HviDialog, HviDialogBlock, HviDivider, HviErrorSummary, HviField, HviFieldAffix, HviFieldAffixes, HviFieldCounter, HviFieldDescription, HviFieldKit, HviFieldOptional, HviFieldValidation, HviFieldset, HviForm, HviForms, HviHeading, HviIcon, HviInput, HviLabel, HviLink, HviList, HviPagination, HviParagraph, HviPopover, HviSearch, HviSearchClear, HviSelect, HviSkeleton, HviSkipLink, HviSortableColumn, HviSpinner, HviTab, HviTabPanel, HviTable, HviTabs, HviTag, HviToggleGroup, HviToggleGroupItem, HviToggleGroupItemToken, HviTooltip, HviValidationKit, HviValidationMessage, fieldObserver, hviCustom, hviEmail, hviExtractMessages, hviExtractValidators, hviMax, hviMaxLength, hviMin, hviMinLength, hviNullValidator, hviPattern, hviRequired, hviRequiredTrue, hviValidators, isElement, isInputLike, isLabel };
-export type { HviErrorSummaryItem, HviErrorSummaryMessages, HviValidationMessages, HviValidatorBundle, HviValidatorConfig, 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 };