@fristil/designsystem 0.2.0

package/dist/components/ramme/error-summary/fs-error-summary.js

@@ -0,0 +1,155 @@
+import { html, LitElement } from "lit";
+export const FS_ERROR_SUMMARY_TAG = "fs-error-summary";
+export const ERROR_SUMMARY_CLASS = "fs-error-summary";
+export const ERROR_SUMMARY_TITLE_CLASS = "fs-error-summary__title";
+/**
+ * Samler feilene i et skjema og sender brukeren til feltet som feilet.
+ *
+ * Du skriver lista med feil selv, som lenker til id-en på hvert felt.
+ * Komponenten gjør tre ting som er lette å glemme, og som avgjør om
+ * oppsummeringen er til nytte:
+ *
+ * 1. Flytter fokus til boksen når den kommer til syne, så den som hører siden
+ *    får vite at innsendingen stoppet.
+ * 2. Gir fokus til selve kontrollen når en lenke følges. En vanlig ankerlenke
+ *    ruller bare dit, og neste tastetrykk fortsetter der fokus sto før.
+ * 3. Holder boksen skjult mens lista er tom, så en tom overskrift ikke blir
+ *    stående i skjemaet.
+ *
+ * ```html
+ * <fs-error-summary heading="Skjemaet har to feil">
+ *   <ul class="fs-list">
+ *     <li><a href="#epost">Skriv en gyldig e-postadresse</a></li>
+ *   </ul>
+ * </fs-error-summary>
+ * ```
+ */
+export class FsErrorSummary extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** Overskriften over lista. */
+        this.heading = "Skjemaet har feil";
+        /** Flytt fokus hit når boksen kommer til syne. Standard: på. */
+        this.autofocus = true;
+        this.hasFocused = false;
+        this.syncing = false;
+        this.handleSlotChange = () => {
+            this.sync();
+        };
+        this.handleLinkClick = (event) => {
+            const link = event.currentTarget;
+            const id = link.getAttribute("href")?.slice(1);
+            if (!id)
+                return;
+            const target = document.getElementById(id);
+            if (!target)
+                return;
+            event.preventDefault();
+            // Er lenken til en ledetekst, skal fokus til kontrollen den peker på.
+            const control = target instanceof HTMLLabelElement && target.htmlFor
+                ? document.getElementById(target.htmlFor)
+                : target;
+            const focusable = control ?? target;
+            if (!focusable.hasAttribute("tabindex") && !isFocusable(focusable)) {
+                focusable.setAttribute("tabindex", "-1");
+            }
+            focusable.focus();
+            focusable.scrollIntoView({ block: "center", behavior: "smooth" });
+        };
+    }
+    createRenderRoot() {
+        return this;
+    }
+    render() {
+        return html `<slot @slotchange=${this.handleSlotChange}></slot>`;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.observer = new MutationObserver(() => {
+            if (!this.syncing)
+                this.sync();
+        });
+        this.observer.observe(this, { childList: true, subtree: true });
+    }
+    disconnectedCallback() {
+        this.observer?.disconnect();
+        this.observer = undefined;
+        super.disconnectedCallback();
+    }
+    firstUpdated() {
+        this.sync();
+    }
+    updated() {
+        this.sync();
+    }
+    get items() {
+        return [...this.querySelectorAll("li a[href^='#']")];
+    }
+    sync() {
+        if (this.syncing)
+            return;
+        this.syncing = true;
+        try {
+            const links = this.items;
+            const empty = links.length === 0;
+            this.hidden = empty;
+            if (empty) {
+                this.hasFocused = false;
+                return;
+            }
+            // Boksen er selve elementet. Vi flytter ikke konsumentens markup inn i
+            // et omslag: da ville Lit-delen vår og innholdet byttet plass i DOM-en.
+            this.classList.add(ERROR_SUMMARY_CLASS);
+            this.setAttribute("role", "alert");
+            this.tabIndex = -1;
+            let title = this.querySelector(`.${ERROR_SUMMARY_TITLE_CLASS}`);
+            if (!title) {
+                title = document.createElement("h2");
+                title.className = ERROR_SUMMARY_TITLE_CLASS;
+                this.prepend(title);
+                this.ownTitle = title;
+            }
+            // Overskriften følger `heading` så lenge det er vi som har laget den.
+            // Antallet feil endrer seg mens brukeren retter, og en overskrift som
+            // ble stående på det første tallet er verre enn ingen: den som hører
+            // siden får vite at det er to feil igjen når det er én.
+            // Har konsumenten skrevet tittelen selv, er den deres.
+            //
+            // Sammenligningen er ikke pynt: å skrive den samme teksten på nytt
+            // teller som en endring for MutationObserver, og da kaller den sync()
+            // igjen i det uendelige.
+            const skalSkrive = title === this.ownTitle || !title.textContent?.trim();
+            if (skalSkrive && title.textContent !== this.heading) {
+                title.textContent = this.heading;
+            }
+            for (const link of links) {
+                link.removeEventListener("click", this.handleLinkClick);
+                link.addEventListener("click", this.handleLinkClick);
+            }
+            if (this.autofocus && !this.hasFocused) {
+                this.hasFocused = true;
+                this.focus();
+            }
+        }
+        finally {
+            this.syncing = false;
+        }
+    }
+}
+FsErrorSummary.properties = {
+    heading: { type: String },
+    autofocus: { type: Boolean, reflect: true },
+};
+function isFocusable(element) {
+    return (element instanceof HTMLInputElement ||
+        element instanceof HTMLSelectElement ||
+        element instanceof HTMLTextAreaElement ||
+        element instanceof HTMLButtonElement ||
+        element instanceof HTMLAnchorElement);
+}
+export function defineFsErrorSummary(tagName = FS_ERROR_SUMMARY_TAG) {
+    if (!customElements.get(tagName)) {
+        customElements.define(tagName, FsErrorSummary);
+    }
+}
+//# sourceMappingURL=fs-error-summary.js.map

package/dist/components/ramme/error-summary/fs-error-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fs-error-summary.js","sourceRoot":"","sources":["../../../../src/components/ramme/error-summary/fs-error-summary.ts"],"names":[],"mappings":"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"}

package/dist/components/ramme/field/field-core.d.ts

@@ -0,0 +1,70 @@
+import type { FieldState, RequiredMarker } from "../../css/shared.js";
+/**
+ * Regner ut koblingen mellom ledetekst, felt, hjelpetekst og feilmelding.
+ *
+ * Dette er den ene implementasjonen av tilgjengelighetskontrakten i systemet.
+ * `<fs-field>` bruker den på elementer som allerede står i DOM-en, og
+ * `fs.field()` gir den samme utregningen som data til den som vil eie
+ * markupen selv. Uten delingen ville kontrakten finnes to steder og kunne gå
+ * fra hverandre.
+ */
+export type FieldOptions = {
+    /** Id på kontrollen. Lages automatisk hvis den utelates. */
+    id?: string;
+    /** Feltet har en hjelpetekst som skal kobles med `aria-describedby`. */
+    help?: boolean;
+    /** Feltet har en feilmelding. Den skjules til feltet er ugyldig. */
+    error?: boolean;
+    /** Egen id på hjelpeteksten. Utledes fra `id` hvis den utelates. */
+    helpId?: string;
+    /** Egen id på feilmeldingen. Utledes fra `id` hvis den utelates. */
+    errorId?: string;
+    /** Marker ledeteksten som påkrevd. */
+    required?: RequiredMarker;
+    /** Marker ledeteksten som valgfri. */
+    optional?: boolean;
+    /** Feltet er ugyldig: viser feilmeldingen og setter `aria-invalid`. */
+    invalid?: boolean;
+    /** Kontrollen er slått av. */
+    disabled?: boolean;
+    /** Ekstra id-er som skal med i `aria-describedby`. */
+    describedBy?: string[];
+};
+export type FieldAttributes = {
+    label: {
+        class: "fs-label";
+        for: string;
+        "data-required"?: RequiredMarker;
+        "data-optional"?: "";
+        "aria-disabled"?: "true";
+    };
+    control: {
+        id: string;
+        "aria-describedby"?: string;
+        "aria-invalid"?: "true";
+        "data-state"?: "invalid";
+        disabled?: true;
+    };
+    help: {
+        id: string;
+    };
+    error: {
+        id: string;
+        hidden?: true;
+    };
+    /** Tilstanden kontrollen skal ha, til `input()`, `textarea()` og `select()`. */
+    state: FieldState;
+};
+/** Lager en id som er unik innenfor dokumentet. */
+export declare function createFieldId(): string;
+/**
+ * Setter sammen `aria-describedby` av hjelpetekst, feilmelding og det
+ * kalleren har lagt til selv.
+ *
+ * Feilmeldingen tas bare med når feltet faktisk er ugyldig. Ellers ville
+ * `aria-describedby` pekt på et skjult element, og skjermlesere melder da
+ * enten ingenting eller noe som ikke står på skjermen.
+ */
+export declare function joinDescribedBy(ids: Array<string | undefined | false>): string | undefined;
+export declare function computeFieldAttributes(options?: FieldOptions): FieldAttributes;
+//# sourceMappingURL=field-core.d.ts.map

package/dist/components/ramme/field/field-core.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-core.d.ts","sourceRoot":"","sources":["../../../../src/components/ramme/field/field-core.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAGrE;;;;;;;;GAQG;AAEH,MAAM,MAAM,YAAY,GAAG;IACzB,4DAA4D;IAC5D,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,oEAAoE;IACpE,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE;QACL,KAAK,EAAE,UAAU,CAAA;QACjB,GAAG,EAAE,MAAM,CAAA;QACX,eAAe,CAAC,EAAE,cAAc,CAAA;QAChC,eAAe,CAAC,EAAE,EAAE,CAAA;QACpB,eAAe,CAAC,EAAE,MAAM,CAAA;KACzB,CAAA;IACD,OAAO,EAAE;QACP,EAAE,EAAE,MAAM,CAAA;QACV,kBAAkB,CAAC,EAAE,MAAM,CAAA;QAC3B,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,YAAY,CAAC,EAAE,SAAS,CAAA;QACxB,QAAQ,CAAC,EAAE,IAAI,CAAA;KAChB,CAAA;IACD,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;IACpB,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,IAAI,CAAA;KAAE,CAAA;IACpC,gFAAgF;IAChF,KAAK,EAAE,UAAU,CAAA;CAClB,CAAA;AAID,mDAAmD;AACnD,wBAAgB,aAAa,IAAI,MAAM,CAGtC;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAC7B,GAAG,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC,GACrC,MAAM,GAAG,SAAS,CASpB;AAED,wBAAgB,sBAAsB,CACpC,OAAO,GAAE,YAAiB,GACzB,eAAe,CA2CjB"}

package/dist/components/ramme/field/field-core.js

@@ -0,0 +1,60 @@
+import { attributes } from "../../css/shared.js";
+let counter = 0;
+/** Lager en id som er unik innenfor dokumentet. */
+export function createFieldId() {
+    counter += 1;
+    return `fs-field-${counter}-${Math.random().toString(36).slice(2, 8)}`;
+}
+/**
+ * Setter sammen `aria-describedby` av hjelpetekst, feilmelding og det
+ * kalleren har lagt til selv.
+ *
+ * Feilmeldingen tas bare med når feltet faktisk er ugyldig. Ellers ville
+ * `aria-describedby` pekt på et skjult element, og skjermlesere melder da
+ * enten ingenting eller noe som ikke står på skjermen.
+ */
+export function joinDescribedBy(ids) {
+    const unique = new Set();
+    for (const id of ids) {
+        if (!id)
+            continue;
+        for (const part of id.split(/\s+/)) {
+            if (part)
+                unique.add(part);
+        }
+    }
+    return unique.size > 0 ? [...unique].join(" ") : undefined;
+}
+export function computeFieldAttributes(options = {}) {
+    const { id = createFieldId(), help = false, error = false, required, optional, invalid = false, disabled = false, describedBy = [], helpId = `${id}-help`, errorId = `${id}-error`, } = options;
+    return {
+        label: attributes({
+            class: "fs-label",
+            for: id,
+            "data-required": required,
+            "data-optional": optional && !required ? "" : undefined,
+            "aria-disabled": disabled ? "true" : undefined,
+        }),
+        control: attributes({
+            id,
+            "aria-describedby": joinDescribedBy([
+                help && helpId,
+                invalid && error && errorId,
+                ...describedBy,
+            ]),
+            "aria-invalid": invalid ? "true" : undefined,
+            // Fargen følger med her, ikke fra input()/textarea()/select(). Ellers
+            // ville begge satt aria-invalid, og i maler som skriver ut attributtene
+            // bokstavelig, som Astro og ren HTML, ble de stående dobbelt.
+            "data-state": invalid ? "invalid" : undefined,
+            disabled: disabled ? true : undefined,
+        }),
+        help: { id: helpId },
+        error: attributes({
+            id: errorId,
+            hidden: invalid ? undefined : true,
+        }),
+        state: invalid ? "invalid" : "default",
+    };
+}
+//# sourceMappingURL=field-core.js.map

package/dist/components/ramme/field/field-core.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-core.js","sourceRoot":"","sources":["../../../../src/components/ramme/field/field-core.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAwDhD,IAAI,OAAO,GAAG,CAAC,CAAA;AAEf,mDAAmD;AACnD,MAAM,UAAU,aAAa;IAC3B,OAAO,IAAI,CAAC,CAAA;IACZ,OAAO,YAAY,OAAO,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAA;AACxE,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,eAAe,CAC7B,GAAsC;IAEtC,MAAM,MAAM,GAAG,IAAI,GAAG,EAAU,CAAA;IAChC,KAAK,MAAM,EAAE,IAAI,GAAG,EAAE,CAAC;QACrB,IAAI,CAAC,EAAE;YAAE,SAAQ;QACjB,KAAK,MAAM,IAAI,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YACnC,IAAI,IAAI;gBAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;QAC5B,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;AAC5D,CAAC;AAED,MAAM,UAAU,sBAAsB,CACpC,UAAwB,EAAE;IAE1B,MAAM,EACJ,EAAE,GAAG,aAAa,EAAE,EACpB,IAAI,GAAG,KAAK,EACZ,KAAK,GAAG,KAAK,EACb,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,EAAE,EAChB,MAAM,GAAG,GAAG,EAAE,OAAO,EACrB,OAAO,GAAG,GAAG,EAAE,QAAQ,GACxB,GAAG,OAAO,CAAA;IAEX,OAAO;QACL,KAAK,EAAE,UAAU,CAAC;YAChB,KAAK,EAAE,UAAmB;YAC1B,GAAG,EAAE,EAAE;YACP,eAAe,EAAE,QAAQ;YACzB,eAAe,EAAE,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAE,EAAY,CAAC,CAAC,CAAC,SAAS;YAClE,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAE,MAAgB,CAAC,CAAC,CAAC,SAAS;SAC1D,CAAC;QACF,OAAO,EAAE,UAAU,CAAC;YAClB,EAAE;YACF,kBAAkB,EAAE,eAAe,CAAC;gBAClC,IAAI,IAAI,MAAM;gBACd,OAAO,IAAI,KAAK,IAAI,OAAO;gBAC3B,GAAG,WAAW;aACf,CAAC;YACF,cAAc,EAAE,OAAO,CAAC,CAAC,CAAE,MAAgB,CAAC,CAAC,CAAC,SAAS;YACvD,sEAAsE;YACtE,wEAAwE;YACxE,8DAA8D;YAC9D,YAAY,EAAE,OAAO,CAAC,CAAC,CAAE,SAAmB,CAAC,CAAC,CAAC,SAAS;YACxD,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAE,IAAc,CAAC,CAAC,CAAC,SAAS;SACjD,CAAC;QACF,IAAI,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE;QACpB,KAAK,EAAE,UAAU,CAAC;YAChB,EAAE,EAAE,OAAO;YACX,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,IAAc;SAC9C,CAAC;QACF,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;KACvC,CAAA;AACH,CAAC"}

package/dist/components/ramme/field/fs-field.d.ts

@@ -0,0 +1,49 @@
+import { LitElement } from "lit";
+export declare const FS_FIELD_TAG: "fs-field";
+export declare class FsField extends LitElement {
+    static properties: {
+        invalid: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        optional: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        requiredMarker: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        controlId: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        describedBy: {
+            type: StringConstructor;
+            attribute: string;
+        };
+    };
+    invalid: boolean;
+    disabled: boolean;
+    optional: boolean;
+    requiredMarker: "none" | "symbol" | "text";
+    controlId?: string;
+    describedBy?: string;
+    createRenderRoot(): this;
+    render(): import("lit").TemplateResult<1>;
+    firstUpdated(): void;
+    updated(): void;
+    private handleSlotChange;
+    private syncA11y;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "fs-field": FsField;
+    }
+}
+export declare function defineFsField(tagName?: "fs-field"): void;
+//# sourceMappingURL=fs-field.d.ts.map

package/dist/components/ramme/field/fs-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fs-field.d.ts","sourceRoot":"","sources":["../../../../src/components/ramme/field/fs-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAA;AAItC,eAAO,MAAM,YAAY,EAAG,UAAmB,CAAA;AAM/C,qBAAa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;MAOhB;IAED,OAAO,UAAQ;IACf,QAAQ,UAAQ;IAChB,QAAQ,UAAQ;IAChB,cAAc,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAS;IACnD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,gBAAgB;IAIhB,MAAM;IAIN,YAAY;IAIZ,OAAO;IAIP,OAAO,CAAC,gBAAgB,CAEvB;IAED,OAAO,CAAC,QAAQ;CAkFjB;AAcD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAA;KACpB;CACF;AAED,wBAAgB,aAAa,CAAC,OAAO,aAAe,GAAG,IAAI,CAI1D"}

package/dist/components/ramme/field/fs-field.js

@@ -0,0 +1,118 @@
+import { html, LitElement } from "lit";
+import { computeFieldAttributes } from "./field-core.js";
+export const FS_FIELD_TAG = "fs-field";
+function uniqueId(prefix) {
+    return `${prefix}-${Math.random().toString(36).slice(2, 9)}`;
+}
+export class FsField extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.invalid = false;
+        this.disabled = false;
+        this.optional = false;
+        this.requiredMarker = "none";
+        this.handleSlotChange = () => {
+            this.syncA11y();
+        };
+    }
+    createRenderRoot() {
+        return this;
+    }
+    render() {
+        return html `<slot @slotchange=${this.handleSlotChange}></slot>`;
+    }
+    firstUpdated() {
+        this.syncA11y();
+    }
+    updated() {
+        this.syncA11y();
+    }
+    syncA11y() {
+        const label = this.querySelector("label");
+        const control = this.querySelector("input:not([type='hidden']), textarea, select");
+        const help = this.querySelector(".fs-help-text, [data-role='help']");
+        const error = this.querySelector(".fs-error-text, [data-role='error']");
+        if (!control)
+            return;
+        if (help && !help.id)
+            help.id = uniqueId("fs-field-help");
+        if (error && !error.id)
+            error.id = uniqueId("fs-field-error");
+        // Selve kontrakten regnes ut av den delte kjernen, som fs.field() også
+        // bruker. Denne komponenten gjør bare én ting utover det: å sette
+        // resultatet på elementer som allerede står i DOM-en.
+        const computed = computeFieldAttributes({
+            id: this.controlId || control.id || uniqueId("fs-field-control"),
+            help: Boolean(help),
+            error: Boolean(error),
+            helpId: help?.id,
+            errorId: error?.id,
+            required: this.requiredMarker === "symbol" || this.requiredMarker === "text"
+                ? this.requiredMarker
+                : undefined,
+            optional: this.optional,
+            invalid: this.invalid,
+            disabled: this.disabled,
+            describedBy: [
+                control.getAttribute("aria-describedby") ?? "",
+                this.describedBy ?? "",
+            ].filter(Boolean),
+        });
+        control.id = computed.control.id;
+        if (label) {
+            label.classList.add(computed.label.class);
+            if (!label.htmlFor)
+                label.htmlFor = computed.label.for;
+            setOrRemove(label, "data-required", computed.label["data-required"]);
+            setOrRemove(label, "data-optional", computed.label["data-optional"]);
+            setOrRemove(label, "aria-disabled", computed.label["aria-disabled"]);
+        }
+        if (error) {
+            error.hidden = Boolean(computed.error.hidden);
+            error.setAttribute("aria-hidden", String(Boolean(computed.error.hidden)));
+        }
+        setOrRemove(control, "aria-describedby", computed.control["aria-describedby"]);
+        setOrRemove(control, "aria-invalid", computed.control["aria-invalid"]);
+        if (this.disabled) {
+            control.setAttribute("disabled", "");
+            control.setAttribute("aria-disabled", "true");
+        }
+        else {
+            control.removeAttribute("disabled");
+            control.removeAttribute("aria-disabled");
+        }
+        // data-state settes bare når konsumenten ikke har satt den selv.
+        const isSystemField = control.classList.contains("fs-input") ||
+            control.classList.contains("fs-textarea") ||
+            control.classList.contains("fs-select");
+        const state = computed.control["data-state"];
+        if (state && isSystemField && !control.hasAttribute("data-state")) {
+            control.setAttribute("data-state", state);
+        }
+        else if (!state && control.getAttribute("data-state") === "invalid") {
+            control.removeAttribute("data-state");
+        }
+    }
+}
+FsField.properties = {
+    invalid: { type: Boolean, reflect: true },
+    disabled: { type: Boolean, reflect: true },
+    optional: { type: Boolean, reflect: true },
+    requiredMarker: { type: String, attribute: "required-marker" },
+    controlId: { type: String, attribute: "control-id" },
+    describedBy: { type: String, attribute: "described-by" },
+};
+function setOrRemove(element, name, value) {
+    if (value === undefined) {
+        element.removeAttribute(name);
+    }
+    else {
+        element.setAttribute(name, value);
+    }
+}
+export function defineFsField(tagName = FS_FIELD_TAG) {
+    if (!customElements.get(tagName)) {
+        customElements.define(tagName, FsField);
+    }
+}
+//# sourceMappingURL=fs-field.js.map

package/dist/components/ramme/field/fs-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fs-field.js","sourceRoot":"","sources":["../../../../src/components/ramme/field/fs-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAEtC,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAExD,MAAM,CAAC,MAAM,YAAY,GAAG,UAAmB,CAAA;AAE/C,SAAS,QAAQ,CAAC,MAAc;IAC9B,OAAO,GAAG,MAAM,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAA;AAC9D,CAAC;AAED,MAAM,OAAO,OAAQ,SAAQ,UAAU;IAAvC;;QAUE,YAAO,GAAG,KAAK,CAAA;QACf,aAAQ,GAAG,KAAK,CAAA;QAChB,aAAQ,GAAG,KAAK,CAAA;QAChB,mBAAc,GAA+B,MAAM,CAAA;QAoB3C,qBAAgB,GAAG,GAAG,EAAE;YAC9B,IAAI,CAAC,QAAQ,EAAE,CAAA;QACjB,CAAC,CAAA;IAoFH,CAAC;IAtGC,gBAAgB;QACd,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,qBAAqB,IAAI,CAAC,gBAAgB,UAAU,CAAA;IACjE,CAAC;IAED,YAAY;QACV,IAAI,CAAC,QAAQ,EAAE,CAAA;IACjB,CAAC;IAED,OAAO;QACL,IAAI,CAAC,QAAQ,EAAE,CAAA;IACjB,CAAC;IAMO,QAAQ;QACd,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAA4B,CAAA;QACpE,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAChC,8CAA8C,CACsB,CAAA;QACtE,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAC7B,mCAAmC,CACd,CAAA;QACvB,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAC9B,qCAAqC,CAChB,CAAA;QAEvB,IAAI,CAAC,OAAO;YAAE,OAAM;QAEpB,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE;YAAE,IAAI,CAAC,EAAE,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;QACzD,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAA;QAE7D,uEAAuE;QACvE,kEAAkE;QAClE,sDAAsD;QACtD,MAAM,QAAQ,GAAG,sBAAsB,CAAC;YACtC,EAAE,EAAE,IAAI,CAAC,SAAS,IAAI,OAAO,CAAC,EAAE,IAAI,QAAQ,CAAC,kBAAkB,CAAC;YAChE,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC;YACnB,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC;YACrB,MAAM,EAAE,IAAI,EAAE,EAAE;YAChB,OAAO,EAAE,KAAK,EAAE,EAAE;YAClB,QAAQ,EACN,IAAI,CAAC,cAAc,KAAK,QAAQ,IAAI,IAAI,CAAC,cAAc,KAAK,MAAM;gBAChE,CAAC,CAAC,IAAI,CAAC,cAAc;gBACrB,CAAC,CAAC,SAAS;YACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,WAAW,EAAE;gBACX,OAAO,CAAC,YAAY,CAAC,kBAAkB,CAAC,IAAI,EAAE;gBAC9C,IAAI,CAAC,WAAW,IAAI,EAAE;aACvB,CAAC,MAAM,CAAC,OAAO,CAAC;SAClB,CAAC,CAAA;QAEF,OAAO,CAAC,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAA;QAEhC,IAAI,KAAK,EAAE,CAAC;YACV,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;YACzC,IAAI,CAAC,KAAK,CAAC,OAAO;gBAAE,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAA;YACtD,WAAW,CAAC,KAAK,EAAE,eAAe,EAAE,QAAQ,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAA;YACpE,WAAW,CAAC,KAAK,EAAE,eAAe,EAAE,QAAQ,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAA;YACpE,WAAW,CAAC,KAAK,EAAE,eAAe,EAAE,QAAQ,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAA;QACtE,CAAC;QAED,IAAI,KAAK,EAAE,CAAC;YACV,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;YAC7C,KAAK,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;QAC3E,CAAC;QAED,WAAW,CACT,OAAO,EACP,kBAAkB,EAClB,QAAQ,CAAC,OAAO,CAAC,kBAAkB,CAAC,CACrC,CAAA;QACD,WAAW,CAAC,OAAO,EAAE,cAAc,EAAE,QAAQ,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAA;QAEtE,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAA;YACpC,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;QAC/C,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,eAAe,CAAC,UAAU,CAAC,CAAA;YACnC,OAAO,CAAC,eAAe,CAAC,eAAe,CAAC,CAAA;QAC1C,CAAC;QAED,iEAAiE;QACjE,MAAM,aAAa,GACjB,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC;YACtC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC;YACzC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAA;QAEzC,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAA;QAC5C,IAAI,KAAK,IAAI,aAAa,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC;YAClE,OAAO,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAA;QAC3C,CAAC;aAAM,IAAI,CAAC,KAAK,IAAI,OAAO,CAAC,YAAY,CAAC,YAAY,CAAC,KAAK,SAAS,EAAE,CAAC;YACtE,OAAO,CAAC,eAAe,CAAC,YAAY,CAAC,CAAA;QACvC,CAAC;IACH,CAAC;;AArHM,kBAAU,GAAG;IAClB,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;IACzC,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;IAC1C,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;IAC1C,cAAc,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE;IAC9D,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE;IACpD,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE;CACzD,AAPgB,CAOhB;AAiHH,SAAS,WAAW,CAClB,OAAoB,EACpB,IAAY,EACZ,KAAyB;IAEzB,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;IAC/B,CAAC;SAAM,CAAC;QACN,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;IACnC,CAAC;AACH,CAAC;AAQD,MAAM,UAAU,aAAa,CAAC,OAAO,GAAG,YAAY;IAClD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;QACjC,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IACzC,CAAC;AACH,CAAC"}

package/dist/components/ramme/popover/fs-popover.d.ts

@@ -0,0 +1,68 @@
+import { LitElement } from "lit";
+export declare const FS_POPOVER_TAG: "fs-popover";
+export declare const POPOVER_CLASS: "fs-popover";
+type Placement = "bottom-start" | "bottom-end" | "top-start" | "top-end";
+/**
+ * Et panel som henger under en knapp, og som lukker seg selv.
+ *
+ * Panelet bruker nettleserens egen `popover`, så det havner i topplaget. Det
+ * løser tre ting som ellers krever kode: panelet legger seg over alt annet
+ * uten `z-index`, Escape lukker det, og et klikk utenfor lukker det.
+ *
+ * Det topplaget gjør ikke er å plassere panelet. `position-anchor` finnes
+ * ennå ikke i alle nettlesere, så posisjonen regnes ut her, mot knappens
+ * plass på skjermen.
+ *
+ * Du skriver knappen og innholdet selv, og komponenten kobler dem sammen:
+ *
+ * ```html
+ * <fs-popover placement="bottom-end">
+ *   <button slot="trigger" class="fs-button">Handlinger</button>
+ *   <ul class="fs-list" data-variant="plain">…</ul>
+ * </fs-popover>
+ * ```
+ */
+export declare class FsPopover extends LitElement {
+    static properties: {
+        open: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        placement: {
+            type: StringConstructor;
+        };
+    };
+    /** Om panelet er åpent. Speiles, så CSS kan treffe tilstanden. */
+    open: boolean;
+    /** Hvilken kant panelet henger fra. Standard: `bottom-start`. */
+    placement: Placement;
+    private panel?;
+    private triggerElement?;
+    createRenderRoot(): this;
+    render(): import("lit").TemplateResult<1>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    updated(): void;
+    private handleSlotChange;
+    private sync;
+    private handleTriggerClick;
+    private handleOutsideClick;
+    private handleKeydown;
+    /** Regner ut hvor panelet skal stå, mot knappens plass på skjermen. */
+    private reposition;
+    /** Åpner panelet. */
+    show(): void;
+    /** Lukker panelet. */
+    hide(): void;
+    /** Åpner eller lukker. */
+    toggle(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "fs-popover": FsPopover;
+    }
+}
+export declare function defineFsPopover(tagName?: "fs-popover"): void;
+export {};
+//# sourceMappingURL=fs-popover.d.ts.map

package/dist/components/ramme/popover/fs-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fs-popover.d.ts","sourceRoot":"","sources":["../../../../src/components/ramme/popover/fs-popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAA;AAEtC,eAAO,MAAM,cAAc,EAAG,YAAqB,CAAA;AAEnD,eAAO,MAAM,aAAa,EAAG,YAAqB,CAAA;AAElD,KAAK,SAAS,GAAG,cAAc,GAAG,YAAY,GAAG,WAAW,GAAG,SAAS,CAAA;AAExE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAAa,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,UAAU;;;;;;;;MAGhB;IAED,kEAAkE;IAClE,IAAI,UAAQ;IACZ,iEAAiE;IACjE,SAAS,EAAE,SAAS,CAAiB;IAErC,OAAO,CAAC,KAAK,CAAC,CAAa;IAC3B,OAAO,CAAC,cAAc,CAAC,CAAa;IAEpC,gBAAgB;IAIhB,MAAM;IAIN,iBAAiB;IAMjB,oBAAoB;IAMpB,YAAY;IAIZ,OAAO;IAIP,OAAO,CAAC,gBAAgB,CAEvB;IAED,OAAO,CAAC,IAAI;IAyCZ,OAAO,CAAC,kBAAkB,CAEzB;IAED,OAAO,CAAC,kBAAkB,CAIzB;IAED,OAAO,CAAC,aAAa,CAMpB;IAED,uEAAuE;IACvE,OAAO,CAAC,UAAU,CAyBjB;IAED,qBAAqB;IACrB,IAAI;IAYJ,sBAAsB;IACtB,IAAI;IAYJ,0BAA0B;IAC1B,MAAM;CAIP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF;AAED,wBAAgB,eAAe,CAAC,OAAO,eAAiB,GAAG,IAAI,CAI9D"}