@sb1/indeks-web 0.15.0 → 0.16.0

package/dist/npm/lib/components/checkbox-group/IxCheckboxGroup.d.ts

@@ -0,0 +1,83 @@
+/**
+ * IxCheckboxGroup — ARIA-lim for checkbox-grupper.
+ *
+ * ## Designfilosofi
+ *
+ * Komponenten erstatter ingen native HTML-elementer. Forfatteren skriver
+ * native <input type="checkbox">, <label> og hjelpetekster inni
+ * <ix-checkbox-group>. Komponenten sin eneste jobb er å sette opp
+ * ARIA-koblingene mellom dem. Speiler <ix-radio-group>, med tre bevisste
+ * forskjeller (se under).
+ *
+ * ## Hva komponenten gjør
+ *
+ * 1. Setter role="group" på host slik at skjermlesere annonserer gruppen og
+ *    leser legend-teksten som gruppens tilgjengelige navn. (Det finnes ingen
+ *    "checkboxgroup"-rolle i ARIA — "group" er korrekt for en checkbox-gruppe.)
+ *
+ * 2. Kobler legend via aria-labelledby — genererer ID på [data-field="legend"]
+ *    om nødvendig og peker host til den.
+ *
+ * 3. Setter aria-describedby på host med IDer til description og error
+ *    (description alltid først). Hopper over elementer som mangler.
+ *
+ * 4. Genererer stabile IDer på hvert input og setter htmlFor på matchende label
+ *    om label ikke allerede har det. Respekterer alltid eksisterende IDer.
+ *
+ * 5. Setter aria-live="polite" på [data-field="error"] og observerer
+ *    textContent-endringer: ikke-tomt innhold → aria-invalid="true" på host;
+ *    tomt → aria-invalid fjernes. aria-invalid settes kun på host.
+ *
+ * 6. Propagerer disabled/readonly til alle inputs via attributeChangedCallback.
+ *    Per-knapp disabled bevares — settes med en WeakMap ved første _wire().
+ *
+ * 7. Lytter på childList på host slik at nye <input type="checkbox">-elementer
+ *    som legges til etter mount automatisk wires (id, name, htmlFor, disabled).
+ *
+ * ## Forskjeller fra <ix-radio-group>
+ *
+ * - **role="group"**, ikke "radiogroup".
+ * - **Ingen name-mutex.** Checkbox deler ikke `name` for gjensidig utelukkelse.
+ *   Host-`name` propageres til alle inputs (for form-innsending under felles
+ *   navn), men når host ikke har name lar vi forfatterens egne name/value stå
+ *   — vi auto-genererer ikke et felles name.
+ * - **Ingen required-triks.** For radio settes `required` kun på første input
+ *   (Safari-boble-fiks for mutex-gruppen). For checkbox betyr `required` "denne
+ *   må krysses", så vi rører ikke required automatisk på gruppenivå.
+ * - **Tastatur:** checkbox har ingen pil-navigasjon; readonly blokkerer kun
+ *   Space (toggle) — ikke piltaster.
+ *
+ * ## Ingen Shadow DOM
+ *
+ * Komponenten bruker light DOM slik at CSS fra @sb1/indeks-css når alle
+ * delelementer direkte.
+ *
+ * @example
+ * <ix-checkbox-group>
+ *   <span data-field="legend">Hvordan vil du bli kontaktet?</span>
+ *   <span data-field="description">Velg én eller flere</span>
+ *   <div data-field="items">
+ *     <div class="ix-checkbox">
+ *       <input type="checkbox" value="epost" />
+ *       <label>E-post</label>
+ *     </div>
+ *   </div>
+ *   <span data-field="error"></span>
+ * </ix-checkbox-group>
+ */
+export declare class IxCheckboxGroup extends HTMLElement {
+    private _errorObserver;
+    private _childObserver;
+    private _keydownListener;
+    private _instanceId;
+    private _ownDisabled;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(attr: string, _oldValue: string | null, _newValue: string | null): void;
+    private _wire;
+    private _containsCheckboxInput;
+    private _wireInputs;
+    private _syncInvalid;
+    private _syncHostStateToInputs;
+}

package/dist/npm/lib/components/combobox/IxCombobox.d.ts

@@ -0,0 +1,132 @@
+/**
+ * IxCombobox — ARIA-lim for en søkbar select med single- og multiselect.
+ *
+ * ## Designfilosofi
+ *
+ * Komponenten erstatter ingen native elementer. Forfatteren skriver <input>,
+ * en options-liste og en skjult <select> i light DOM inni <ix-combobox>.
+ * Komponentens jobb er å koble dem sammen med korrekt combobox/listbox-ARIA,
+ * håndtere tastatur og filtrering, posisjonere lista, og synkronisere valgte
+ * verdier til den skjulte <select> for form-innsending.
+ *
+ * ## Virtual focus
+ *
+ * DOM-fokus blir ALLTID på <input>. Aktivt listeelement spores med
+ * `aria-activedescendant` som peker på option-ens id — fokus flyttes aldri
+ * fysisk inn i lista. Dette lar brukeren skrive og pil-navigere samtidig, og
+ * er den enkeltbeslutningen hjemmelagde comboboxer oftest bommer på.
+ *
+ * ## Single vs. multi
+ *
+ * `multiple` (attributt på host) bytter oppførsel — ikke to komponenter:
+ *   - Single: valg setter input.value = label, lukker lista, synker én <option>.
+ *   - Multi:  valg legges i et sett, lista holdes åpen, input tømmes, og en
+ *             <data class="ix-chip" data-removable> rendres i chips-wrapperen.
+ *             Chips nås med piltast (radiogruppe-modell), ikke egne tab-stopp.
+ *
+ * ## Posisjonering
+ *
+ * Lista posisjoneres manuelt med getBoundingClientRect + viewport-clamp (samme
+ * grep som tooltip.ts) — position: fixed, flip over feltet ved plassmangel.
+ * INGEN popover-API og INGEN avhengigheter: indeks-web er dependency-fritt og
+ * bundles til CDN, og manuell posisjonering fungerer på hele browserslist.
+ *
+ * ## Delelementer (data-field / klasse i light DOM)
+ *   - .ix-text-field > input           → combobox-input
+ *   - .ix-combobox__toggle             → chevron-knapp (åpne/lukke)
+ *   - .ix-combobox__listbox            → listbox-panel
+ *   - .ix-combobox__option[data-value] → alternativer
+ *   - .ix-combobox__no-hits            → melding ved 0 treff (role="status")
+ *   - [data-field="chips"]             → chips-wrapper (kun multi)
+ *   - [data-field="native"] (select)   → skjult select for form-synk
+ *
+ * @example Single
+ * <ix-combobox data-no-hits-text="Ingen treff">
+ *   <div class="ix-text-field">
+ *     <input class="ix-text-field__input" placeholder="Søk …" />
+ *     <button class="ix-combobox__toggle"></button>
+ *   </div>
+ *   <div class="ix-combobox__listbox">
+ *     <div class="ix-combobox__option" data-value="47">
+ *       <span class="ix-combobox__option-check" aria-hidden="true"></span>
+ *       <span class="ix-combobox__option-label">Norge</span>
+ *     </div>
+ *   </div>
+ *   <div class="ix-combobox__no-hits" role="status" hidden>Ingen treff</div>
+ *   <select data-field="native" hidden></select>
+ * </ix-combobox>
+ */
+export declare class IxCombobox extends HTMLElement {
+    private _instanceId;
+    private _input;
+    private _listbox;
+    private _toggle;
+    private _chips;
+    private _noHits;
+    private _noHitsText;
+    private _select;
+    private _arrowHint;
+    private _results;
+    private _lastAnnouncedCount;
+    private _announceTimer;
+    private _activeOption;
+    private _onInput;
+    private _onKeydown;
+    private _onFocusin;
+    private _onClick;
+    private _onDocPointer;
+    private _onReposition;
+    private _optionObserver;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, _oldValue: string | null, newValue: string | null): void;
+    get multiple(): boolean;
+    set multiple(value: boolean);
+    private get _options();
+    private get _visibleOptions();
+    private get _isDisabled();
+    private _wire;
+    private _rewireOptions;
+    private _normalizeSelectedAria;
+    private get _isOpen();
+    private _open;
+    private _close;
+    private _toggleOpen;
+    private _position;
+    private _addRepositionListeners;
+    private _removeRepositionListeners;
+    private _handleInput;
+    private _filter;
+    private _searchTexts;
+    private _match;
+    private _updateNoHits;
+    private _optionLabelText;
+    private _optionDescriptionText;
+    private _setActive;
+    private _moveActive;
+    private _handleKeydown;
+    private _handleInputKeydown;
+    private _handleChipKeydown;
+    private _handleClick;
+    private _selectOption;
+    private _deselectValue;
+    private _syncFromInitialSelection;
+    private _chipElements;
+    private _addChip;
+    private _removeChip;
+    private _chipLabel;
+    private _syncChipLabels;
+    private _syncSelect;
+    private _emitChange;
+    private _syncControlState;
+    private _syncMultiState;
+    private _syncChipsGroup;
+    private _syncArrowHint;
+    private _ensureArrowHintEl;
+    private _addDescribedBy;
+    private _removeDescribedBy;
+    private _ensureResultsEl;
+    private _announceResults;
+    private _resetResults;
+}

package/dist/npm/lib/components/field/IxField.d.ts

@@ -1,86 +1,42 @@
-/**
- * IxField — tilgjengelighetslim mellom label, input og hjelpetekster.
- *
- * ## Designfilosofi
- *
- * Komponenten erstatter ingen native HTML-elementer. `<label>`, `<input>`,
- * `<select>`, `<textarea>` og hjelpetekster skrives som vanlig HTML inne i
- * `<ix-field>`. Komponenten sin eneste jobb er å sette opp ARIA-koblingene
- * mellom dem — arbeid som er kjedelig å gjøre manuelt og lett å gjøre feil.
- *
- * Denne tilnærmingen betyr at:
- *   - Native nettleser-atferd, validering og styling forblir intakt.
- *   - Alle form-attributter (`required`, `disabled`, `name`, `value`, osv.)
- *     settes direkte på native elementet — ikke som props til en wrapper.
- *   - Komponenten kan brukes med alle typer input uten kodeendringer.
- *
- * ## Hva komponenten gjør
- *
- * 1. Kobler `<label>` til input via `for`/`id`-paret.
- *    Genererer en stabil ID på input om den mangler en.
- *
- * 2. Setter `aria-describedby` på input med IDer til description og
- *    error-elementet, slik at skjermlesere leser dem opp etter label og verdi.
- *
- * 3. Setter `aria-live="polite"` på error-elementet.
- *    Error-elementet skal alltid ligge i DOM — tomt betyr ingen feil.
- *    Dette er et krav fra ARIA Live Regions: elementet må eksistere i DOM
- *    *før* innholdet settes inn for at skjermlesere skal fange opp endringen.
- *    Hadde vi injisert elementet dynamisk ville mange skjermlesere gått glipp
- *    av meldingen.
- *
- *    Vi bruker *ikke* `role="alert"` fordi det impliserer `aria-live="assertive"`
- *    som avbryter brukeren. Feilmeldinger i skjema er viktige, men ikke så
- *    kritiske at de bør avbryte — `polite` venter til skjermleseren er ferdig.
- *
- * 4. Bruker MutationObserver på error-elementet. Når innholdet endres:
- *    - Ikke-tomt → `aria-invalid="true"` på input (visuell og semantisk feil)
- *    - Tomt      → `aria-invalid` fjernes
- *    Applikasjonen styrer altså feilmelding ved å sette/tømme textContent —
- *    komponenten holder input-tilstanden synkronisert automatisk.
- *
- * ## Identifisering av delelementer
- *
- * Komponenten finner delelementer via:
- *   - `<label>`                       → første label-element
- *   - `input | select | textarea`     → første native form-kontroll
- *   - `[data-field="description"]`    → hjelpetekst
- *   - `[data-field="error"]`          → feilmelding (alltid til stede, kan være tom)
- *   - `[data-field="prefix"]`         → visuell prefix (skjules med aria-hidden)
- *   - `[data-field="suffix"]`         → visuell suffix (skjules med aria-hidden)
- *
- * `data-field` brukes fremfor `slot`-attributtet selv om Shadow DOM ikke er i
- * bruk. `slot` er et reservert nøkkelord knytt til Shadow DOM og ville vært
- * misvisende, samt kunne krasje om `<ix-field>` senere pakkes inn i en
- * komponent med Shadow DOM.
- *
- * ## Ingen Shadow DOM
- *
- * Komponenten bruker light DOM. Det betyr at CSS fra `@sb1/indeks-css` når
- * alle delelementer uten videre, og at ARIA-attributtene er fullt synlige i
- * den tilgjengelighetstreet nettleseren eksponerer til hjelpemiddelteknologi.
- *
- * @example Grunnleggende bruk
- * <ix-field>
- *   <label>E-postadresse</label>
- *   <span data-field="description">Vi sender kvittering til denne adressen</span>
- *   <input type="email" name="email" />
- *   <span data-field="error"></span>
- * </ix-field>
- *
- * @example Sett feilmelding programmatisk
- * const errorEl = document.querySelector('ix-field [data-field="error"]');
- * errorEl.textContent = 'Oppgi en gyldig e-postadresse';
- * // → input får automatisk aria-invalid="true"
- *
- * errorEl.textContent = '';
- * // → aria-invalid fjernes
- */
+import { registerFormat, FieldFormatter } from './formats.js';
 export declare class IxField extends HTMLElement {
     private _observer;
     private _stateObserver;
     private _charCountListener;
     private _charCountControl;
+    private _formatterProp;
+    private _formatTeardown;
+    private _activeFormatter;
+    private _activeControl;
+    private _formatMirror;
+    /**
+     * Registrer en navngitt formatter globalt. Brukes deretter via
+     * `data-format="<navn>"` på et hvilket som helst input inne i et ix-field.
+     *
+     * @example
+     * IxField.registerFormatter('orgnr', { format, parse });
+     * // <ix-field><input data-format="orgnr" …></ix-field>
+     */
+    static registerFormatter: typeof registerFormat;
+    /**
+     * Sett en formatter direkte på instansen (høyest presedens). Lar konsumenten
+     * gi vilkårlig format/parse-logikk som ikke kan uttrykkes som attributt.
+     */
+    set formatter(value: FieldFormatter | null);
+    get formatter(): FieldFormatter | null;
+    /**
+     * Den rå (uformaterte) verdien til feltet. Sannheten ligger i den skjulte
+     * mirror-inputen; uten mirror (feltet mangler `name`) utledes den ved å
+     * `parse()` den synlige verdien. Tom streng når ingen formatter er aktiv
+     * eller det ikke finnes noe input.
+     *
+     * Praktisk for ren JS/HTML: `document.querySelector('ix-field').rawValue`.
+     * Merk at `<form>`-innsending og `new FormData(form)` også gir rå verdi
+     * automatisk, siden mirror-inputen bærer det opprinnelige `name`-et.
+     */
+    get rawValue(): string;
+    /** True når den aktive formatteren formaterer live (mens man skriver). */
+    get live(): boolean;
     static get observedAttributes(): string[];
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -89,6 +45,22 @@ export declare class IxField extends HTMLElement {
     private _setupCharCount;
     private _teardownCharCount;
     private _updateCharCount;
+    private _resolveFormatter;
+    private _applyLiveOverride;
+    private _wireFormatting;
+    private _maskInPlace;
+    /**
+     * Re-anvender formateringen fra en rå verdi.
+     *
+     * Nyttig for controlled React: når React skriver den rå prop-verdien ved en
+     * re-render fyres ikke `input`-eventet, så visningen må oppdateres eksplisitt.
+     * Kall denne etter commit (f.eks. i `useLayoutEffect`). No-op når ingen
+     * formatter er aktiv.
+     *
+     * @param raw Ny rå verdi. Utelates den, reformateres gjeldende rå verdi.
+     */
+    refreshFormat(raw?: string): void;
+    private _teardownFormatting;
     private _syncInvalid;
     private _syncControlState;
     private _syncTooltip;

package/dist/npm/lib/components/field/formats.d.ts

@@ -0,0 +1,101 @@
+/**
+ * Input-formatering for ix-field — rene funksjoner, pattern-kompilator og registry.
+ *
+ * ## Filosofi: vi formaterer, vi masker ikke
+ *
+ * Dette er IKKE en tegn-maske som avviser tastetrykk. Uansett modus vises ALT
+ * brukeren skriver — også ekstra tegn og tegn som ikke «hører hjemme» (en bokstav
+ * i et sifferfelt). Feil fanges av validering, ikke ved å droppe tegn. Derfor er
+ * `parse` tapsfri (fjerner kun separatorene `format` setter inn).
+ *
+ * To moduser, styrt av `live`-flagget på formatteren:
+ *   - **Blur (standard):** feltet formateres når det mister fokus og viser rå
+ *     (redigerbar) verdi ved fokus. Ingen caret-hopp mens man skriver — en bevisst
+ *     a11y-beslutning (jf. GOV.UK-frarådingen mot å reformatere telefonnummer mens
+ *     brukeren skriver).
+ *   - **Live (opt-in, `live: true`):** separatorene bygger seg opp mens man
+ *     skriver. De innebygde variantene bruker dette.
+ *
+ * ## Kontrakten
+ *
+ * En formatter er et par rene funksjoner:
+ *   - `format(raw)`  : rå verdi → visningsstreng   ("12345678" → "123 45 678")
+ *   - `parse(vist)`  : visningsstreng → rå verdi    ("123 45 678" → "12345678")
+ *
+ * Den **rå verdien** er alltid sannheten. Konsumenten lagrer og validerer den rå
+ * verdien; visningsstrengen er kun presentasjon. `parse(format(raw)) === raw` skal
+ * holde for enhver gyldig rå verdi.
+ *
+ * ## Tre måter å skaffe en formatter (i ix-field, se IxField.ts)
+ *
+ *   1. Egen funksjon som property:  `el.formatter = { format, parse }`
+ *   2. Navngitt via registry:       `<input data-format="phone">` (+ `registerFormat(...)`)
+ *   3. Pattern-streng, ingen JS:    `<input data-format-pattern="000 00 000">`
+ *
+ * Alle tre gir samme `FieldFormatter`-kontrakt.
+ */
+export interface FieldFormatter {
+    /** Rå verdi → visningsstreng. */
+    format(raw: string): string;
+    /**
+     * Visningsstreng → rå verdi (sannheten konsumenten lagrer).
+     *
+     * **Tapsfri:** fjerner kun separatorene formatteren selv setter inn og
+     * beholder alt annet — også tegn som ikke «hører hjemme» (en bokstav i et
+     * sifferfelt). Vi formaterer, vi masker ikke: feil fanges av validering, ikke
+     * ved å droppe tegn. Derfor holder `parse(format(raw)) === raw` for enhver rå
+     * verdi, ikke bare gyldige.
+     */
+    parse(display: string): string;
+    /**
+     * Formater mens brukeren skriver (separatorer dukker opp fortløpende).
+     * Standard `false`/utelatt = format-on-blur (formateres når feltet mister
+     * fokus, rå verdi vises ved fokus for fri redigering). De innebygde variantene
+     * opter inn på live; egne pattern-strenger og `{format,parse}`-objekter er
+     * blur med mindre de setter dette.
+     */
+    live?: boolean;
+}
+/**
+ * Lager en formatter fra en pattern-streng.
+ *
+ * `format` fyller slots med matchende tegn fra den rå verdien og setter inn
+ * separatorer først når neste slot faktisk fylles (ingen dinglende separator på
+ * slutten mens man skriver). Tegn som ikke passer neste slot — enten fordi
+ * brukeren skrev flere tegn enn patternet har plasser, eller skrev noe som ikke
+ * hører hjemme (bokstav i et sifferfelt) — droppes IKKE: den ledende delen som
+ * passer formateres, og resten legges uformatert på til slutt i samme
+ * rekkefølge brukeren skrev. Alt brukeren skriver forblir synlig.
+ *
+ * `parse` er tapsfri: den fjerner kun separator-tegnene patternet definerer
+ * (literal-tokens) og beholder alt annet i rekkefølge — ingen cap på antall
+ * slots, ingen filtrering av «ugyldige» tegn. Slik overlever et feilaktig tegn
+ * (bokstav i et sifferfelt) i den rå verdien og kan fanges av validering.
+ */
+export declare function createPatternFormatter(pattern: string): FieldFormatter;
+/**
+ * Beløp er ikke en fast-lengde pattern-maske: lengden varierer og tusenskillet
+ * forskyver seg mens man skriver. Derfor en egen formatter.
+ *
+ * Rå verdi = siffer med valgfritt desimalskilletegn (`decimalSeparator`), uten
+ * tusenskille: `"1234567,89"`. Visning = med tusenskille: `"1 234 567,89"`.
+ */
+export declare function createAmountFormatter(options?: {
+    groupSeparator?: string;
+    decimalSeparator?: string;
+}): FieldFormatter;
+/**
+ * Utleder tusenskille og desimalskilletegn for en locale via `Intl.NumberFormat`.
+ * Brukes for locale-bevisst beløpsformatering uten å hardkode separatorer.
+ */
+export declare function amountFormatterForLocale(locale: string): FieldFormatter;
+/**
+ * Registrerer en navngitt formatter som deretter kan brukes via
+ * `data-format="<navn>"` på et input inne i et ix-field, hvor som helst i appen.
+ *
+ * Team kan registrere sine egne varianter (orgnr, kortnummer, …) uten at
+ * designsystemet må endres — «felles, men ikke avhengig av oss».
+ */
+export declare function registerFormat(name: string, formatter: FieldFormatter): void;
+/** Slår opp en registrert formatter. Returnerer `undefined` om navnet er ukjent. */
+export declare function resolveFormat(name: string): FieldFormatter | undefined;

package/dist/npm/lib/components/progress-bar/IxProgressBar.d.ts

@@ -0,0 +1,56 @@
+/**
+ * IxProgressBar — viser fremdrift i én sammenhengende prosess.
+ *
+ * DOM-generator: web componenten eier og genererer all indre HTML (header med
+ * label + verdi/statusikon, track + fill, og en støttetekst-region).
+ * Forfatteren skriver kun host-elementet `<ix-progress-bar>` med attributter —
+ * ingen intern struktur.
+ *
+ * Tilstander (`data-state`):
+ *  - `active` (default): role="progressbar" med aria-valuenow/min/max på host.
+ *    Nøytral/primær fremdriftsfarge. Ingen statusikon. Kan vise prosent.
+ *  - `success` / `error`: rollen `progressbar` FJERNES (prosessen er ferdig/avbrutt).
+ *    Status formidles semantisk «tilsvarende Message» — `data-status`
+ *    (success/danger) kobler --ix-color-status-* og et dekorativt
+ *    `<ix-icon data-badge>` vises alltid. Støtteteksten er en aria-live-region
+ *    (role="status") så overgangen annonseres politely.
+ *
+ * Komponenten er rent informativ og aldri fokuserbar (setter aldri tabindex).
+ * Ugyldige verdier klampes: value < 0 → 0, > 100 → 100, ikke-numerisk → 0.
+ *
+ * iOS-workaround: VoiceOver leser ikke løpende `aria-valuenow`-endringer på
+ * `role="progressbar"`. På iOS byttes derfor rollen i `active` til `role="img"`
+ * og verdien bakes inn i `aria-label` (samme mønster som u-elements sin
+ * u-progress). Desktop beholder ekte progressbar-semantikk.
+ */
+export declare class IxProgressBar extends HTMLElement {
+    private _instanceId;
+    private _header;
+    private _label;
+    private _headerEnd;
+    private _track;
+    private _fill;
+    private _support;
+    private _supportText;
+    private _icon;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(_name: string, oldValue: string | null, newValue: string | null): void;
+    disconnectedCallback(): void;
+    /** Bygger den indre strukturen én gang (idempotent). */
+    private _ensureStructure;
+    private _update;
+    /**
+     * Plasserer statusikon og verdi. Følger Figma:
+     *  - active + data-show-value → «NN %» i header-slutten.
+     *  - success/error med label → ikon i header-slutten (til høyre for label).
+     *  - success/error uten label → ikon foran støtteteksten.
+     */
+    private _updateIconAndValue;
+    private _ensureIcon;
+    private _removeIcon;
+    private _resolveState;
+    /** Klamper til 0–100. Ikke-numerisk → 0. */
+    private _clampValue;
+    private _setAriaRef;
+}

package/dist/npm/lib/components/tabs/IxTabs.d.ts

@@ -0,0 +1,121 @@
+/**
+ * IxTabs — ARIA-lim for faner (tabs) i light DOM.
+ *
+ * ## Designfilosofi
+ *
+ * Komponenten erstatter ingen native elementer. Forfatteren skriver semantisk
+ * HTML — en liste med faner og ett panel per fane — og <ix-tabs> kobler dem
+ * sammen med ARIA, roving tabindex, tastaturnavigasjon og panel-visning.
+ * Logikken er portet fra u-elements (u-tabs), men til Indeks' light-DOM-
+ * konvensjon (ingen Shadow DOM, ingen ::slotted).
+ *
+ * Fire custom elements samarbeider:
+ *   - <ix-tabs>       — rot og koordinator. Eier all kabling og tastatur.
+ *   - <ix-tab-list>   — role="tablist", horisontal orientering.
+ *   - <ix-tab>        — role="tab", én per fane.
+ *   - <ix-tab-panel>  — role="tabpanel", ett innholdspanel per fane.
+ *
+ * Underelementene setter kun sin egen `role` (så de fungerer isolert); <ix-tabs>
+ * er den autoritative koordinatoren og kjører ved connectedCallback.
+ *
+ * ## Hva <ix-tabs> gjør
+ *
+ * 1. Setter role="tablist" + aria-orientation="horizontal" på tab-lista,
+ *    role="tab" på fanene og role="tabpanel" på panelene.
+ * 2. Genererer stabile IDer på faner og paneler (der de mangler) og setter opp
+ *    kryssreferansene aria-controls (fane → panel) og aria-labelledby
+ *    (panel → fane). Eksisterende IDer og aria-controls respekteres. Fane[i]
+ *    kobles til panel[i], eller til panelet fanens aria-controls peker på.
+ * 3. Manuell aktivering: piltast (Venstre/Høyre) og Home/End flytter kun FOKUS
+ *    via roving tabindex (fokusert fane får tabindex=0, resten -1).
+ *    Piltast-navigasjonen looper rundt endene. Enter/Space (og klikk) aktiverer
+ *    den fokuserte fanen.
+ * 4. Kun én fane er valgt om gangen. Ved aktivering flyttes aria-selected +
+ *    tabindex til ny fane, tilhørende panel vises, øvrige skjules ([hidden] +
+ *    aria-hidden). Panelet gjøres ikke fokuserbart — det er ikke en egen
+ *    tab-stopp; innholdet i panelet bærer sin egen fokusrekkefølge.
+ *    Fane→panel-kobling skjer via delt data-value (ellers aria-controls,
+ *    ellers posisjon) — se _getPanel.
+ * 5. Minst én fane er valgt ved mount — enten den som har aria-selected="true"
+ *    i markup, ellers den første fanen.
+ * 6. Ved aktivering (klikk/tastatur) sendes et bubbling CustomEvent('change')
+ *    på <ix-tabs> slik at en React-wrapper kan lese aria-selected og kalle
+ *    onChange. Programmatisk init og ekstern (kontrollert) synk sender IKKE
+ *    change — kun ekte brukerinteraksjon.
+ * 7. En MutationObserver re-wirer når faner/paneler legges til eller fjernes
+ *    (typisk React conditional rendering), og reagerer på ekstern endring av
+ *    aria-selected (kontrollert React-modus) ved å reconcile-e resten.
+ *
+ * ## Ingen Shadow DOM
+ *
+ * Light DOM slik at CSS fra @sb1/indeks-css treffer .ix-tabs__* og tag-
+ * selektorene direkte, og ARIA-relasjonene fungerer på tvers av elementene.
+ *
+ * @example
+ * <ix-tabs class="ix-tabs">
+ *   <ix-tab-list class="ix-tabs__list">
+ *     <ix-tab class="ix-tabs__tab">Oversikt</ix-tab>
+ *     <ix-tab class="ix-tabs__tab">Detaljer</ix-tab>
+ *   </ix-tab-list>
+ *   <ix-tab-panel class="ix-tabs__panel">Oversikt-innhold</ix-tab-panel>
+ *   <ix-tab-panel class="ix-tabs__panel">Detaljer-innhold</ix-tab-panel>
+ * </ix-tabs>
+ */
+export declare class IxTabs extends HTMLElement {
+    private _mutationObserver;
+    private _clickListener;
+    private _keydownListener;
+    private _instanceId;
+    private _internalUpdate;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** Faner i rekkefølge (direkte barn av tab-lista). */
+    private _getTabs;
+    /** Paneler i rekkefølge (direkte barn av <ix-tabs>). */
+    private _getPanels;
+    /**
+     * Finn panelet en fane styrer. Prioritet:
+     *   1. Eksplisitt `aria-controls` (forfatter- eller WC-satt).
+     *   2. Delt `data-value` — kobler fane og panel eksplisitt, uavhengig av
+     *      DOM-rekkefølge (React setter dette; ren HTML kan også sette det).
+     *   3. Posisjon (fane[i] → panel[i]) som siste utvei for enkel markup.
+     */
+    private _getPanel;
+    /**
+     * Kobler roller, IDer og kryssreferanser, og setter initial valgt fane.
+     * Idempotent — kan kjøres på nytt når DOM endres.
+     */
+    private _wire;
+    /**
+     * Aktiverer en fane: flytter aria-selected + roving tabindex hit, viser dens
+     * panel og skjuler de øvrige. Sender kun change ved ekte brukerinteraksjon
+     * (dispatch=true) OG når valget faktisk endres.
+     */
+    setSelected(selected: HTMLElement | null | undefined, dispatch?: boolean): void;
+    /**
+     * Vis/skjul et panel. Skjult panel fjernes fra a11y-treet og lesefokus.
+     * Panelet gjøres ikke fokuserbart — det inneholder eget innhold (tekst,
+     * lenker, felt) og skal ikke være en egen tab-stopp. Har panelet ikke
+     * fokuserbart innhold, klarer skjermlesere seg med aria-labelledby-koblingen.
+     */
+    private _syncPanel;
+    /** Flytt fokus (roving tabindex) til en fane uten å aktivere den. */
+    private _moveFocus;
+    /** Neste fane fra `from`, i retning `step`, med loop rundt endene. */
+    private _step;
+    private _onClick;
+    private _onKeydown;
+    private _onMutations;
+}
+/** role="tablist" + horisontal orientering. Koordineres av <ix-tabs>. */
+export declare class IxTabList extends HTMLElement {
+    connectedCallback(): void;
+}
+/** role="tab". Aktiv-tilstand og tabindex styres av <ix-tabs>. */
+export declare class IxTab extends HTMLElement {
+    connectedCallback(): void;
+}
+/** role="tabpanel". Vis/skjul styres av <ix-tabs>. */
+export declare class IxTabPanel extends HTMLElement {
+    connectedCallback(): void;
+}

package/dist/npm/lib/modal/modal.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/npm/lib/utils/platform.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Plattform-deteksjon for web components.
+ *
+ * Funksjoner (ikke modul-konstanter) fordi userAgent leses ved kall — det gjør
+ * grenene testbare via stub av `navigator.userAgent`, og unngår å cache en verdi
+ * ved import-tid som kan være feil i SSR-/testmiljø.
+ */
+/**
+ * True når koden kjører på iOS (iPhone/iPad/iPod).
+ *
+ * Brukes til iOS-spesifikke a11y-workarounds, f.eks. at VoiceOver ikke leser
+ * løpende `aria-valuenow`-endringer på `role="progressbar"` — se IxProgressBar.
+ * SSR-guardet: returnerer false når `navigator` ikke finnes.
+ */
+export declare function isIOS(): boolean;