@fristil/designsystem 0.4.0 → 0.5.1

package/dist/components/frittstaende/session-timeout/fs-session-timeout.js

@@ -0,0 +1,183 @@
+import { SESSION_TIMEOUT_CLASS, SESSION_TIMEOUT_DIALOG_CLASS, } from "./session-timeout.js";
+export const FS_SESSION_TIMEOUT_TAG = "fs-session-timeout";
+/** Sekundene som skal leses opp. Hvert sekund ville vært uutholdelig. */
+const ANNONSER_VED = new Set([120, 60, 30, 10]);
+function klokke(sekunder) {
+    const m = Math.floor(sekunder / 60);
+    const s = sekunder % 60;
+    return `${m}:${String(s).padStart(2, "0")}`;
+}
+function ord(sekunder) {
+    if (sekunder >= 60) {
+        const m = Math.round(sekunder / 60);
+        return m === 1 ? "ett minutt" : `${m} minutter`;
+    }
+    return sekunder === 1 ? "ett sekund" : `${sekunder} sekunder`;
+}
+/**
+ * Varsler før en innlogget økt går ut.
+ *
+ * Dette er tingen hver store organisasjon bygger selv og gjør feil. Enten
+ * kommer det ingen advarsel, og brukeren mister et halvutfylt søknadsskjema,
+ * eller så stjeler dialogen fokus midt i en setning, eller så leser
+ * skjermleseren nedtellingen hvert sekund.
+ *
+ * Komponenten er frittstående fordi nedtellingen er klientens klokke. Tallet
+ * endrer seg ut fra når brukeren sist rørte tastaturet, og det er ingenting
+ * en server kan sende. Den bærer heller ingen verdi inn i en innsending.
+ *
+ * Dialogen er en ekte `<dialog>` med `showModal()`, så fokusfellen, Escape og
+ * topplaget kommer fra nettleseren. Fokus går tilbake dit brukeren var.
+ *
+ * ```html
+ * <fs-session-timeout class="fs-session-timeout" warn-at="1500" expires-at="1800"
+ *                     data-ignore-morph></fs-session-timeout>
+ * ```
+ *
+ * ```ts
+ * document.querySelector("fs-session-timeout")
+ *   .addEventListener("session-extend", () => fetch("/forleng", { method: "POST" }))
+ * ```
+ */
+export class FsSessionTimeout extends HTMLElement {
+    constructor() {
+        super(...arguments);
+        this.lastActivity = Date.now();
+        this.forrigeFokus = null;
+        this.registerActivity = () => {
+            if (this.dialog?.open)
+                return;
+            this.lastActivity = Date.now();
+        };
+    }
+    /** Sekunder uten aktivitet før varselet kommer. */
+    get warnAt() {
+        return Number(this.getAttribute("warn-at")) || 25 * 60;
+    }
+    /** Sekunder uten aktivitet før økten er ute. */
+    get expiresAt() {
+        return Number(this.getAttribute("expires-at")) || 30 * 60;
+    }
+    connectedCallback() {
+        this.classList.add(SESSION_TIMEOUT_CLASS);
+        // Dialogen bygges først når den skal vises, ikke her. Lagde vi den med
+        // én gang, sto den i DOM-en før React rakk å hydrere, og React fant et
+        // element den ikke hadde rendret. `<fs-toast>` og
+        // `<fs-connection-status>` gjør det på samme måte.
+        for (const navn of ["pointerdown", "keydown", "scroll"]) {
+            document.addEventListener(navn, this.registerActivity, { passive: true });
+        }
+        this.ticker = window.setInterval(() => this.tick(), 1000);
+    }
+    disconnectedCallback() {
+        for (const navn of ["pointerdown", "keydown", "scroll"]) {
+            document.removeEventListener(navn, this.registerActivity);
+        }
+        if (this.ticker)
+            window.clearInterval(this.ticker);
+        this.ticker = undefined;
+    }
+    build() {
+        if (this.dialog)
+            return;
+        const dialog = document.createElement("dialog");
+        dialog.className = SESSION_TIMEOUT_DIALOG_CLASS;
+        // alertdialog og ikke dialog: dette er en avbrytelse brukeren ikke ba om,
+        // og da skal skjermleseren lese hele innholdet når den åpnes.
+        dialog.setAttribute("aria-labelledby", "fs-session-timeout-title");
+        dialog.setAttribute("role", "alertdialog");
+        const tittel = document.createElement("h2");
+        tittel.className = "fs-session-timeout__title";
+        tittel.id = "fs-session-timeout-title";
+        tittel.textContent = "Du blir snart logget ut";
+        const tekst = document.createElement("p");
+        tekst.className = "fs-session-timeout__text";
+        tekst.append("Vi logger deg ut om ");
+        const count = document.createElement("span");
+        count.className = "fs-session-timeout__count";
+        // Tallet oppdateres hvert sekund. Leses det opp hver gang, blir dialogen
+        // ubrukelig med skjermleser, så opplesningen skjer i live-området under.
+        count.setAttribute("aria-hidden", "true");
+        tekst.append(count, " for å beskytte opplysningene dine.");
+        const live = document.createElement("span");
+        live.className = "fs-sr-only";
+        live.setAttribute("role", "status");
+        live.setAttribute("aria-live", "polite");
+        const knapper = document.createElement("div");
+        knapper.className = "fs-session-timeout__actions";
+        const fortsett = document.createElement("button");
+        fortsett.type = "button";
+        fortsett.className = "fs-button";
+        fortsett.textContent = "Fortsett å være innlogget";
+        fortsett.addEventListener("click", () => this.extend());
+        const loggUt = document.createElement("button");
+        loggUt.type = "button";
+        loggUt.className = "fs-button";
+        loggUt.dataset.variant = "secondary";
+        loggUt.textContent = "Logg ut nå";
+        loggUt.addEventListener("click", () => {
+            this.close();
+            this.emit("session-logout");
+        });
+        knapper.append(fortsett, loggUt);
+        dialog.append(tittel, tekst, live, knapper);
+        this.append(dialog);
+        this.dialog = dialog;
+        this.countElement = count;
+        this.liveElement = live;
+    }
+    tick() {
+        const gått = Math.floor((Date.now() - this.lastActivity) / 1000);
+        const igjen = this.expiresAt - gått;
+        if (igjen <= 0) {
+            this.close();
+            this.emit("session-expired");
+            this.lastActivity = Date.now();
+            return;
+        }
+        if (gått < this.warnAt)
+            return;
+        if (!this.dialog?.open)
+            this.open();
+        if (this.countElement)
+            this.countElement.textContent = klokke(igjen);
+        if (this.liveElement && ANNONSER_VED.has(igjen)) {
+            this.liveElement.textContent = `Du blir logget ut om ${ord(igjen)}.`;
+        }
+    }
+    open() {
+        this.build();
+        if (!this.dialog || this.dialog.open)
+            return;
+        // Fokus skal tilbake dit brukeren var. Uten dette starter neste
+        // tastetrykk på toppen av siden, midt i et skjema.
+        this.forrigeFokus = document.activeElement;
+        this.dialog.showModal();
+        this.emit("session-warn");
+    }
+    close() {
+        if (!this.dialog?.open)
+            return;
+        this.dialog.close();
+        if (this.liveElement)
+            this.liveElement.textContent = "";
+        this.forrigeFokus?.focus();
+        this.forrigeFokus = null;
+    }
+    emit(navn) {
+        this.dispatchEvent(new CustomEvent(navn, { bubbles: true, composed: true }));
+    }
+    /** Forlenger økten og lukker varselet. Kall den når serveren har svart. */
+    extend() {
+        this.lastActivity = Date.now();
+        this.close();
+        this.emit("session-extend");
+    }
+}
+FsSessionTimeout.observedAttributes = ["warn-at", "expires-at"];
+export function defineFsSessionTimeout(tagName = FS_SESSION_TIMEOUT_TAG) {
+    if (!customElements.get(tagName)) {
+        customElements.define(tagName, FsSessionTimeout);
+    }
+}
+//# sourceMappingURL=fs-session-timeout.js.map

package/dist/components/frittstaende/session-timeout/fs-session-timeout.js.map

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

package/dist/components/frittstaende/session-timeout/session-timeout.d.ts

@@ -0,0 +1,28 @@
+export declare const SESSION_TIMEOUT_CLASS: "fs-session-timeout";
+export declare const SESSION_TIMEOUT_DIALOG_CLASS: "fs-session-timeout__dialog";
+export type SessionTimeoutOptions = {
+    /** Sekunder uten aktivitet før varselet kommer. Standard: 25 minutter. */
+    warnAt?: number;
+    /** Sekunder uten aktivitet før økten er ute. Standard: 30 minutter. */
+    expiresAt?: number;
+};
+export type SessionTimeoutAttributes = {
+    class: typeof SESSION_TIMEOUT_CLASS;
+    "warn-at"?: string;
+    "expires-at"?: string;
+    "data-ignore-morph": "";
+};
+/**
+ * Attributtene for varselet om at innlogget økt går ut.
+ *
+ * Nedtellingen er klientens klokke, og endrer seg hvert sekund ut fra når
+ * brukeren sist rørte tastaturet. Det er en tilstand ingen server kan sende,
+ * og derfor eier komponenten alt inni seg. `data-ignore-morph` er ikke
+ * valgfri: uten den river Datastars morfing dialogen bort mens den står åpen.
+ *
+ * ```ts
+ * <fs-session-timeout {...fs.sessionTimeout({ warnAt: 1500, expiresAt: 1800 })} />
+ * ```
+ */
+export declare const sessionTimeout: ({ warnAt, expiresAt, }?: SessionTimeoutOptions) => SessionTimeoutAttributes;
+//# sourceMappingURL=session-timeout.d.ts.map

package/dist/components/frittstaende/session-timeout/session-timeout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-timeout.d.ts","sourceRoot":"","sources":["../../../../src/components/frittstaende/session-timeout/session-timeout.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,EAAG,oBAA6B,CAAA;AAClE,eAAO,MAAM,4BAA4B,EACvC,4BAAqC,CAAA;AAEvC,MAAM,MAAM,qBAAqB,GAAG;IAClC,0EAA0E;IAC1E,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,OAAO,qBAAqB,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mBAAmB,EAAE,EAAE,CAAA;CACxB,CAAA;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc,GAAI,yBAG5B,qBAA0B,KAAG,wBAM5B,CAAA"}

package/dist/components/frittstaende/session-timeout/session-timeout.js

@@ -0,0 +1,22 @@
+import { attributes } from "../../css/shared.js";
+export const SESSION_TIMEOUT_CLASS = "fs-session-timeout";
+export const SESSION_TIMEOUT_DIALOG_CLASS = "fs-session-timeout__dialog";
+/**
+ * Attributtene for varselet om at innlogget økt går ut.
+ *
+ * Nedtellingen er klientens klokke, og endrer seg hvert sekund ut fra når
+ * brukeren sist rørte tastaturet. Det er en tilstand ingen server kan sende,
+ * og derfor eier komponenten alt inni seg. `data-ignore-morph` er ikke
+ * valgfri: uten den river Datastars morfing dialogen bort mens den står åpen.
+ *
+ * ```ts
+ * <fs-session-timeout {...fs.sessionTimeout({ warnAt: 1500, expiresAt: 1800 })} />
+ * ```
+ */
+export const sessionTimeout = ({ warnAt = 25 * 60, expiresAt = 30 * 60, } = {}) => attributes({
+    class: SESSION_TIMEOUT_CLASS,
+    "warn-at": warnAt === 25 * 60 ? undefined : String(warnAt),
+    "expires-at": expiresAt === 30 * 60 ? undefined : String(expiresAt),
+    "data-ignore-morph": "",
+});
+//# sourceMappingURL=session-timeout.js.map

package/dist/components/frittstaende/session-timeout/session-timeout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-timeout.js","sourceRoot":"","sources":["../../../../src/components/frittstaende/session-timeout/session-timeout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAEhD,MAAM,CAAC,MAAM,qBAAqB,GAAG,oBAA6B,CAAA;AAClE,MAAM,CAAC,MAAM,4BAA4B,GACvC,4BAAqC,CAAA;AAgBvC;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,MAAM,GAAG,EAAE,GAAG,EAAE,EAChB,SAAS,GAAG,EAAE,GAAG,EAAE,MACM,EAAE,EAA4B,EAAE,CACzD,UAAU,CAAC;IACT,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,MAAM,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;IAC1D,YAAY,EAAE,SAAS,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC;IACnE,mBAAmB,EAAE,EAAW;CACjC,CAAC,CAAA"}

package/dist/components/frittstaende/toast/fs-toast.d.ts

@@ -1,10 +1,7 @@
-import { LitElement } from "lit";
 export declare const FS_TOAST_TAG: "fs-toast";
-export declare const TOAST_CLASS: "fs-toast";
-export declare const TOAST_CLOSE_CLASS: "fs-toast__close";
 export declare const toastColors: readonly ["neutral", "success", "warning", "danger"];
 export type ToastColor = (typeof toastColors)[number];
-export type ToastOptions = {
+export type ShowOptions = {
     /** Hva meldingen betyr. Standard: `neutral`. */
     color?: ToastColor;
     /** Millisekunder før meldingen forsvinner. `0` lar den bli stående. */
@@ -15,8 +12,15 @@ export type ToastOptions = {
 /**
  * Køen av korte meldinger i hjørnet av skjermen.
  *
- * Elementet er beholderen, ikke meldingen. Du legger det inn én gang i
- * appen og kaller `show()` når noe skal meldes.
+ * Dette er den eneste frittstående komponenten, og den eneste delen av pakken
+ * du kaller i stedet for å skrive. Elementet er beholderen, ikke meldingen:
+ * du legger det inn én gang i appen og kaller `show()` når noe skal meldes.
+ * Meldingene finnes ikke før en hendelse på klienten skaper dem, så det er
+ * ingenting for serveren å rendre.
+ *
+ * Serveren skriver beholderen med `fs.toast()`, og den setter
+ * `data-ignore-morph`. Uten det river Datastars morfing meldingene bort ved
+ * neste patch, fordi serverens utgave av regionen er tom.
  *
  * Beholderen er en `role="status"`-region, ikke `role="alert"`. En melding
  * som dukker opp i hjørnet skal ikke avbryte det skjermleseren holder på med;
@@ -34,25 +38,15 @@ export type ToastOptions = {
  * })
  * ```
  */
-export declare class FsToast extends LitElement {
-    static properties: {
-        duration: {
-            type: NumberConstructor;
-        };
-        label: {
-            type: StringConstructor;
-        };
-    };
+export declare class FsToast extends HTMLElement {
+    static observedAttributes: string[];
     /** Standard levetid i millisekunder. `0` lar meldingene bli stående. */
-    duration: number;
-    /** Tekst som sier hva regionen er. Blir `aria-label`. */
-    label: string;
-    createRenderRoot(): this;
-    render(): import("lit").TemplateResult<1>;
+    get duration(): number;
+    set duration(value: number);
     connectedCallback(): void;
-    updated(): void;
+    attributeChangedCallback(navn: string, _gammel: string, ny: string): void;
     /** Viser en melding, og returnerer elementet den ble lagt i. */
-    show(message: string, options?: ToastOptions): HTMLElement;
+    show(message: string, options?: ShowOptions): HTMLElement;
     /** Fjerner en melding. */
     dismiss(toast: HTMLElement): void;
     /** Fjerner alle meldingene. */

package/dist/components/frittstaende/toast/fs-toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fs-toast.d.ts","sourceRoot":"","sources":["../../../../src/components/frittstaende/toast/fs-toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAA;AAEtC,eAAO,MAAM,YAAY,EAAG,UAAmB,CAAA;AAE/C,eAAO,MAAM,WAAW,EAAG,UAAmB,CAAA;AAC9C,eAAO,MAAM,iBAAiB,EAAG,iBAA0B,CAAA;AAE3D,eAAO,MAAM,WAAW,sDAAuD,CAAA;AAC/E,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;AAErD,MAAM,MAAM,YAAY,GAAG;IACzB,gDAAgD;IAChD,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAAa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,UAAU;;;;;;;MAGhB;IAED,wEAAwE;IACxE,QAAQ,SAAO;IACf,yDAAyD;IACzD,KAAK,SAAc;IAEnB,gBAAgB;IAIhB,MAAM;IAIN,iBAAiB;IAOjB,OAAO;IAMP,gEAAgE;IAChE,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,GAAE,YAAiB,GAAG,WAAW;IA2C9D,0BAA0B;IAC1B,OAAO,CAAC,KAAK,EAAE,WAAW;IAS1B,+BAA+B;IAC/B,KAAK;CAKN;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAA;KACpB;CACF;AAED,wBAAgB,aAAa,CAAC,OAAO,aAAe,GAAG,IAAI,CAI1D"}
+{"version":3,"file":"fs-toast.d.ts","sourceRoot":"","sources":["../../../../src/components/frittstaende/toast/fs-toast.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,EAAG,UAAmB,CAAA;AAE/C,eAAO,MAAM,WAAW,sDAAuD,CAAA;AAC/E,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;AAErD,MAAM,MAAM,WAAW,GAAG;IACxB,gDAAgD;IAChD,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBAAa,OAAQ,SAAQ,WAAW;IACtC,MAAM,CAAC,kBAAkB,WAAwB;IAEjD,wEAAwE;IACxE,IAAI,QAAQ,IAAI,MAAM,CAQrB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,EAEzB;IAED,iBAAiB,IAAI,IAAI;IAazB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI;IAMzE,gEAAgE;IAChE,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,GAAE,WAAgB,GAAG,WAAW;IA2C7D,0BAA0B;IAC1B,OAAO,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IASjC,+BAA+B;IAC/B,KAAK,IAAI,IAAI;CAKd;AAED,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/frittstaende/toast/fs-toast.js

@@ -1,13 +1,18 @@
-import { html, LitElement } from "lit";
+import { TOAST_CLASS, TOAST_CLOSE_CLASS } from "./toast.js";
 export const FS_TOAST_TAG = "fs-toast";
-export const TOAST_CLASS = "fs-toast";
-export const TOAST_CLOSE_CLASS = "fs-toast__close";
 export const toastColors = ["neutral", "success", "warning", "danger"];
 /**
  * Køen av korte meldinger i hjørnet av skjermen.
  *
- * Elementet er beholderen, ikke meldingen. Du legger det inn én gang i
- * appen og kaller `show()` når noe skal meldes.
+ * Dette er den eneste frittstående komponenten, og den eneste delen av pakken
+ * du kaller i stedet for å skrive. Elementet er beholderen, ikke meldingen:
+ * du legger det inn én gang i appen og kaller `show()` når noe skal meldes.
+ * Meldingene finnes ikke før en hendelse på klienten skaper dem, så det er
+ * ingenting for serveren å rendre.
+ *
+ * Serveren skriver beholderen med `fs.toast()`, og den setter
+ * `data-ignore-morph`. Uten det river Datastars morfing meldingene bort ved
+ * neste patch, fordi serverens utgave av regionen er tom.
  *
  * Beholderen er en `role="status"`-region, ikke `role="alert"`. En melding
  * som dukker opp i hjørnet skal ikke avbryte det skjermleseren holder på med;
@@ -25,30 +30,39 @@ export const toastColors = ["neutral", "success", "warning", "danger"];
  * })
  * ```
  */
-export class FsToast extends LitElement {
-    constructor() {
-        super(...arguments);
-        /** Standard levetid i millisekunder. `0` lar meldingene bli stående. */
-        this.duration = 6000;
-        /** Tekst som sier hva regionen er. Blir `aria-label`. */
-        this.label = "Meldinger";
-    }
-    createRenderRoot() {
-        return this;
+export class FsToast extends HTMLElement {
+    /** Standard levetid i millisekunder. `0` lar meldingene bli stående. */
+    get duration() {
+        // `0` er en gyldig verdi og betyr at meldingene blir stående. Uten
+        // sjekken mot null her forsvant de likevel etter seks sekunder, og bare
+        // `show(..., { duration: 0 })` virket.
+        const rå = this.getAttribute("duration");
+        if (rå === null)
+            return 6000;
+        const value = Number(rå);
+        return Number.isFinite(value) && value >= 0 ? value : 6000;
     }
-    render() {
-        return html `<slot></slot>`;
+    set duration(value) {
+        this.setAttribute("duration", String(value));
     }
     connectedCallback() {
-        super.connectedCallback();
-        this.setAttribute("role", "status");
-        this.setAttribute("aria-live", "polite");
-        this.setAttribute("aria-label", this.label);
+        // Skrev serveren regionen med fs.toast(), står alt dette allerede. Her
+        // settes det bare når det mangler, så en ren HTML-side uten bygger også
+        // får en region skjermleseren forstår.
+        if (!this.hasAttribute("role"))
+            this.setAttribute("role", "status");
+        if (!this.hasAttribute("aria-live")) {
+            this.setAttribute("aria-live", "polite");
+        }
+        if (!this.hasAttribute("aria-label")) {
+            this.setAttribute("aria-label", this.getAttribute("label") ?? "Meldinger");
+        }
     }
-    updated() {
+    attributeChangedCallback(navn, _gammel, ny) {
         // `label` kan settes etter at elementet står i DOM-en, for eksempel av et
         // rammeverk som fyller inn attributtene i et senere steg.
-        this.setAttribute("aria-label", this.label);
+        if (navn === "label" && ny)
+            this.setAttribute("aria-label", ny);
     }
     /** Viser en melding, og returnerer elementet den ble lagt i. */
     show(message, options = {}) {
@@ -96,10 +110,7 @@ export class FsToast extends LitElement {
         }
     }
 }
-FsToast.properties = {
-    duration: { type: Number },
-    label: { type: String },
-};
+FsToast.observedAttributes = ["duration", "label"];
 export function defineFsToast(tagName = FS_TOAST_TAG) {
     if (!customElements.get(tagName)) {
         customElements.define(tagName, FsToast);

package/dist/components/frittstaende/toast/fs-toast.js.map

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

package/dist/components/frittstaende/toast/toast.d.ts

@@ -0,0 +1,34 @@
+export declare const TOAST_CLASS: "fs-toast";
+export declare const TOAST_CLOSE_CLASS: "fs-toast__close";
+export type ToastOptions = {
+    /** Tekst som sier hva regionen er. Blir `aria-label`. */
+    label?: string;
+};
+export type ToastAttributes = {
+    region: {
+        role: "status";
+        "aria-live": "polite";
+        "aria-label": string;
+        "data-ignore-morph": "";
+    };
+    toast: {
+        class: typeof TOAST_CLASS;
+    };
+    close: {
+        class: typeof TOAST_CLOSE_CLASS;
+    };
+};
+/**
+ * Attributtene for varselregionen.
+ *
+ * Regionen er `role="status"` og ikke `role="alert"`. En melding som kommer
+ * fordi noe gikk bra skal ikke avbryte det skjermleseren holder på med.
+ *
+ * `data-ignore-morph` er ikke valgfri. `<fs-toast>` lager og fjerner sine egne
+ * elementer inni regionen, og uten attributtet river Datastars morfing dem bort
+ * ved neste patch, fordi serverens utgave av regionen er tom. Attributtet må
+ * stå i HTML-en serveren sender: komponenten kan ikke sette det på seg selv,
+ * siden morfingen leser det fra serverens node.
+ */
+export declare const toast: ({ label, }?: ToastOptions) => ToastAttributes;
+//# sourceMappingURL=toast.d.ts.map

package/dist/components/frittstaende/toast/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../src/components/frittstaende/toast/toast.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,EAAG,UAAmB,CAAA;AAC9C,eAAO,MAAM,iBAAiB,EAAG,iBAA0B,CAAA;AAE3D,MAAM,MAAM,YAAY,GAAG;IACzB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE;QACN,IAAI,EAAE,QAAQ,CAAA;QACd,WAAW,EAAE,QAAQ,CAAA;QACrB,YAAY,EAAE,MAAM,CAAA;QACpB,mBAAmB,EAAE,EAAE,CAAA;KACxB,CAAA;IACD,KAAK,EAAE;QAAE,KAAK,EAAE,OAAO,WAAW,CAAA;KAAE,CAAA;IACpC,KAAK,EAAE;QAAE,KAAK,EAAE,OAAO,iBAAiB,CAAA;KAAE,CAAA;CAC3C,CAAA;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,KAAK,GAAI,aAEnB,YAAiB,KAAG,eASrB,CAAA"}

package/dist/components/frittstaende/toast/toast.js

@@ -0,0 +1,26 @@
+import { attributes } from "../../css/shared.js";
+export const TOAST_CLASS = "fs-toast";
+export const TOAST_CLOSE_CLASS = "fs-toast__close";
+/**
+ * Attributtene for varselregionen.
+ *
+ * Regionen er `role="status"` og ikke `role="alert"`. En melding som kommer
+ * fordi noe gikk bra skal ikke avbryte det skjermleseren holder på med.
+ *
+ * `data-ignore-morph` er ikke valgfri. `<fs-toast>` lager og fjerner sine egne
+ * elementer inni regionen, og uten attributtet river Datastars morfing dem bort
+ * ved neste patch, fordi serverens utgave av regionen er tom. Attributtet må
+ * stå i HTML-en serveren sender: komponenten kan ikke sette det på seg selv,
+ * siden morfingen leser det fra serverens node.
+ */
+export const toast = ({ label = "Varsler", } = {}) => ({
+    region: attributes({
+        role: "status",
+        "aria-live": "polite",
+        "aria-label": label,
+        "data-ignore-morph": "",
+    }),
+    toast: { class: TOAST_CLASS },
+    close: { class: TOAST_CLOSE_CLASS },
+});
+//# sourceMappingURL=toast.js.map

package/dist/components/frittstaende/toast/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../../src/components/frittstaende/toast/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAEhD,MAAM,CAAC,MAAM,WAAW,GAAG,UAAmB,CAAA;AAC9C,MAAM,CAAC,MAAM,iBAAiB,GAAG,iBAA0B,CAAA;AAkB3D;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EACpB,KAAK,GAAG,SAAS,MACD,EAAE,EAAmB,EAAE,CAAC,CAAC;IACzC,MAAM,EAAE,UAAU,CAAC;QACjB,IAAI,EAAE,QAAiB;QACvB,WAAW,EAAE,QAAiB;QAC9B,YAAY,EAAE,KAAK;QACnB,mBAAmB,EAAE,EAAW;KACjC,CAAC;IACF,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE;IAC7B,KAAK,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE;CACpC,CAAC,CAAA"}

package/dist/components/ramme/error-summary/error-summary.d.ts

@@ -0,0 +1,39 @@
+export declare const ERROR_SUMMARY_CLASS: "fs-error-summary";
+export declare const ERROR_SUMMARY_TITLE_CLASS: "fs-error-summary__title";
+export type ErrorSummaryOptions = {
+    /** Antall feil serveren fant. Er det null, skjules boksen. */
+    count?: number;
+    /** Id på boksen, slik at skjemaet kan flytte fokus hit etter innsending. */
+    id?: string;
+};
+export type ErrorSummaryAttributes = {
+    container: {
+        class: typeof ERROR_SUMMARY_CLASS;
+        role: "alert";
+        tabindex: "-1";
+        id?: string;
+        hidden?: true;
+    };
+    title: {
+        class: typeof ERROR_SUMMARY_TITLE_CLASS;
+    };
+};
+/**
+ * Attributtene for en feiloppsummering.
+ *
+ * Serveren skriver hele boksen, også overskriften og lista. `<fs-error-summary>`
+ * flytter bare fokus og håndterer klikk på lenkene. Tidligere lagde komponenten
+ * overskriften selv, og da forsvant den ved hver morfing i Datastar.
+ *
+ * ```ts
+ * const feil = fs.errorSummary({ count: errors.length, id: "feil" })
+ * ```
+ * ```html
+ * <fs-error-summary {...feil.container}>
+ *   <h2 {...feil.title}>Du må rette 2 feil</h2>
+ *   <ul><li><a href="#epost">E-posten mangler @</a></li></ul>
+ * </fs-error-summary>
+ * ```
+ */
+export declare const errorSummary: ({ count, id, }?: ErrorSummaryOptions) => ErrorSummaryAttributes;
+//# sourceMappingURL=error-summary.d.ts.map

package/dist/components/ramme/error-summary/error-summary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-summary.d.ts","sourceRoot":"","sources":["../../../../src/components/ramme/error-summary/error-summary.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,EAAG,kBAA2B,CAAA;AAC9D,eAAO,MAAM,yBAAyB,EAAG,yBAAkC,CAAA;AAE3E,MAAM,MAAM,mBAAmB,GAAG;IAChC,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4EAA4E;IAC5E,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE;QACT,KAAK,EAAE,OAAO,mBAAmB,CAAA;QACjC,IAAI,EAAE,OAAO,CAAA;QACb,QAAQ,EAAE,IAAI,CAAA;QACd,EAAE,CAAC,EAAE,MAAM,CAAA;QACX,MAAM,CAAC,EAAE,IAAI,CAAA;KACd,CAAA;IACD,KAAK,EAAE;QACL,KAAK,EAAE,OAAO,yBAAyB,CAAA;KACxC,CAAA;CACF,CAAA;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,YAAY,GAAI,iBAG1B,mBAAwB,KAAG,sBAS5B,CAAA"}

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

@@ -0,0 +1,31 @@
+import { attributes } from "../../css/shared.js";
+export const ERROR_SUMMARY_CLASS = "fs-error-summary";
+export const ERROR_SUMMARY_TITLE_CLASS = "fs-error-summary__title";
+/**
+ * Attributtene for en feiloppsummering.
+ *
+ * Serveren skriver hele boksen, også overskriften og lista. `<fs-error-summary>`
+ * flytter bare fokus og håndterer klikk på lenkene. Tidligere lagde komponenten
+ * overskriften selv, og da forsvant den ved hver morfing i Datastar.
+ *
+ * ```ts
+ * const feil = fs.errorSummary({ count: errors.length, id: "feil" })
+ * ```
+ * ```html
+ * <fs-error-summary {...feil.container}>
+ *   <h2 {...feil.title}>Du må rette 2 feil</h2>
+ *   <ul><li><a href="#epost">E-posten mangler @</a></li></ul>
+ * </fs-error-summary>
+ * ```
+ */
+export const errorSummary = ({ count = 0, id, } = {}) => ({
+    container: attributes({
+        class: ERROR_SUMMARY_CLASS,
+        role: "alert",
+        tabindex: "-1",
+        id,
+        hidden: count === 0 ? true : undefined,
+    }),
+    title: { class: ERROR_SUMMARY_TITLE_CLASS },
+});
+//# sourceMappingURL=error-summary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"error-summary.js","sourceRoot":"","sources":["../../../../src/components/ramme/error-summary/error-summary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAEhD,MAAM,CAAC,MAAM,mBAAmB,GAAG,kBAA2B,CAAA;AAC9D,MAAM,CAAC,MAAM,yBAAyB,GAAG,yBAAkC,CAAA;AAsB3E;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,GAAG,CAAC,EACT,EAAE,MACqB,EAAE,EAA0B,EAAE,CAAC,CAAC;IACvD,SAAS,EAAE,UAAU,CAAC;QACpB,KAAK,EAAE,mBAAmB;QAC1B,IAAI,EAAE,OAAgB;QACtB,QAAQ,EAAE,IAAa;QACvB,EAAE;QACF,MAAM,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAE,IAAc,CAAC,CAAC,CAAC,SAAS;KAClD,CAAC;IACF,KAAK,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE;CAC5C,CAAC,CAAA"}