@fristil/designsystem 0.3.0 → 0.5.0

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":"AAAA,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAE3D,MAAM,CAAC,MAAM,YAAY,GAAG,UAAmB,CAAA;AAE/C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAU,CAAA;AAY/E;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,OAAO,OAAQ,SAAQ,WAAW;IAGtC,wEAAwE;IACxE,IAAI,QAAQ;QACV,mEAAmE;QACnE,wEAAwE;QACxE,uCAAuC;QACvC,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA;QACxC,IAAI,EAAE,KAAK,IAAI;YAAE,OAAO,IAAI,CAAA;QAC5B,MAAM,KAAK,GAAG,MAAM,CAAC,EAAE,CAAC,CAAA;QACxB,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA;IAC5D,CAAC;IAED,IAAI,QAAQ,CAAC,KAAa;QACxB,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA;IAC9C,CAAC;IAED,iBAAiB;QACf,uEAAuE;QACvE,wEAAwE;QACxE,uCAAuC;QACvC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;YAAE,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;QACnE,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;YACpC,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;QAC1C,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC;YACrC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,WAAW,CAAC,CAAA;QAC5E,CAAC;IACH,CAAC;IAED,wBAAwB,CAAC,IAAY,EAAE,OAAe,EAAE,EAAU;QAChE,0EAA0E;QAC1E,0DAA0D;QAC1D,IAAI,IAAI,KAAK,OAAO,IAAI,EAAE;YAAE,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,EAAE,CAAC,CAAA;IACjE,CAAC;IAED,gEAAgE;IAChE,IAAI,CAAC,OAAe,EAAE,UAAuB,EAAE;QAC7C,MAAM,EACJ,KAAK,GAAG,SAAS,EACjB,QAAQ,GAAG,IAAI,CAAC,QAAQ,EACxB,UAAU,GAAG,cAAc,GAC5B,GAAG,OAAO,CAAA;QAEX,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC3C,KAAK,CAAC,SAAS,GAAG,WAAW,CAAA;QAC7B,IAAI,KAAK,KAAK,SAAS;YAAE,KAAK,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA;QAEpD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;QAC3C,IAAI,CAAC,WAAW,GAAG,OAAO,CAAA;QAC1B,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;QAElB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;QAC9C,KAAK,CAAC,IAAI,GAAG,QAAQ,CAAA;QACrB,KAAK,CAAC,SAAS,GAAG,iBAAiB,CAAA;QACnC,KAAK,CAAC,YAAY,CAAC,YAAY,EAAE,UAAU,CAAC,CAAA;QAC5C,KAAK,CAAC,WAAW,GAAG,GAAG,CAAA;QACvB,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;QAC1D,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAEnB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAEnB,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;YACjB,IAAI,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,CAAA;YAElE,sEAAsE;YACtE,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;YAC9C,MAAM,MAAM,GAAG,GAAG,EAAE;gBAClB,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,CAAA;YAChE,CAAC,CAAA;YAED,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,KAAK,CAAC,CAAA;YAC3C,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,CAAC,CAAA;YAC5C,KAAK,CAAC,gBAAgB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;YACxC,KAAK,CAAC,gBAAgB,CAAC,UAAU,EAAE,MAAM,CAAC,CAAA;QAC5C,CAAC;QAED,OAAO,KAAK,CAAA;IACd,CAAC;IAED,0BAA0B;IAC1B,OAAO,CAAC,KAAkB;QACxB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;YAAE,OAAM;QACjC,KAAK,CAAC,MAAM,EAAE,CAAA;QAEd,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CACpE,CAAA;IACH,CAAC;IAED,+BAA+B;IAC/B,KAAK;QACH,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,WAAW,EAAE,CAAC,EAAE,CAAC;YAC7D,KAAK,CAAC,MAAM,EAAE,CAAA;QAChB,CAAC;IACH,CAAC;;AA/FM,0BAAkB,GAAG,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;AAwGnD,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/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"}

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

@@ -1,63 +1,37 @@
-import { LitElement } from "lit";
 export declare const FS_ERROR_SUMMARY_TAG: "fs-error-summary";
-export declare const ERROR_SUMMARY_CLASS: "fs-error-summary";
-export declare const ERROR_SUMMARY_TITLE_CLASS: "fs-error-summary__title";
 /**
- * Samler feilene i et skjema og sender brukeren til feltet som feilet.
+ * Sender brukeren fra en feil i oppsummeringen 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:
+ * Serveren skriver hele boksen med `fs.errorSummary()`: klassen, `role`,
+ * `tabindex`, overskriften og lista. Komponenten lager ingenting. Den gjorde
+ * det før, og da forsvant både klassen og overskriften ved første morfing i
+ * Datastar, uten å komme tilbake.
  *
- * 1. Flytter fokus til boksen når den kommer til syne, så den som hører siden
+ * Det som er igjen er to ting nettleseren ikke gjør selv:
+ *
+ * 1. Fokus flyttes 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
+ * 2. Fokus gis 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">
+ * <fs-error-summary class="fs-error-summary" role="alert" tabindex="-1">
+ *   <h2 class="fs-error-summary__title">Skjemaet har to feil</h2>
  *   <ul class="fs-list">
  *     <li><a href="#epost">Skriv en gyldig e-postadresse</a></li>
  *   </ul>
  * </fs-error-summary>
  * ```
  */
-export declare class FsErrorSummary extends LitElement {
-    static properties: {
-        heading: {
-            type: StringConstructor;
-        };
-        autofocus: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-    };
-    /** Overskriften over lista. */
-    heading: string;
-    /** Flytt fokus hit når boksen kommer til syne. Standard: på. */
-    autofocus: boolean;
+export declare class FsErrorSummary extends HTMLElement {
+    static observedAttributes: string[];
     private hasFocused;
-    /** Tittelen komponenten selv har laget, til forskjell fra konsumentens. */
-    private ownTitle?;
-    createRenderRoot(): this;
-    render(): import("lit").TemplateResult<1>;
-    /**
-     * Ser etter at lista med feil endrer seg.
-     *
-     * Komponenten rendrer i vanlig DOM, og da melder ikke `slotchange` fra når
-     * konsumenten bytter ut innholdet. Feilene kommer og går mens brukeren
-     * fyller ut skjemaet, så endringen må observeres.
-     */
     private observer?;
-    private syncing;
+    private readonly links;
     connectedCallback(): void;
+    attributeChangedCallback(): void;
     disconnectedCallback(): void;
-    firstUpdated(): void;
-    updated(): void;
-    private handleSlotChange;
-    private get items();
+    private get shouldFocus();
     private sync;
     private handleLinkClick;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"fs-error-summary.d.ts","sourceRoot":"","sources":["../../../../src/components/ramme/error-summary/fs-error-summary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAA;AAEtC,eAAO,MAAM,oBAAoB,EAAG,kBAA2B,CAAA;AAE/D,eAAO,MAAM,mBAAmB,EAAG,kBAA2B,CAAA;AAC9D,eAAO,MAAM,yBAAyB,EAAG,yBAAkC,CAAA;AAE3E;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAAa,cAAe,SAAQ,UAAU;IAC5C,MAAM,CAAC,UAAU;;;;;;;;MAGhB;IAED,+BAA+B;IAC/B,OAAO,SAAsB;IAC7B,gEAAgE;IAChE,SAAS,UAAO;IAEhB,OAAO,CAAC,UAAU,CAAQ;IAC1B,2EAA2E;IAC3E,OAAO,CAAC,QAAQ,CAAC,CAAa;IAE9B,gBAAgB;IAIhB,MAAM;IAIN;;;;;;OAMG;IACH,OAAO,CAAC,QAAQ,CAAC,CAAkB;IACnC,OAAO,CAAC,OAAO,CAAQ;IAEvB,iBAAiB;IAQjB,oBAAoB;IAMpB,YAAY;IAIZ,OAAO;IAIP,OAAO,CAAC,gBAAgB,CAEvB;IAED,OAAO,KAAK,KAAK,GAEhB;IAED,OAAO,CAAC,IAAI;IA0DZ,OAAO,CAAC,eAAe,CAuBtB;CACF;AAYD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAA;KACnC;CACF;AAED,wBAAgB,oBAAoB,CAAC,OAAO,qBAAuB,GAAG,IAAI,CAIzE"}
+{"version":3,"file":"fs-error-summary.d.ts","sourceRoot":"","sources":["../../../../src/components/ramme/error-summary/fs-error-summary.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,EAAG,kBAA2B,CAAA;AAE/D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBAAa,cAAe,SAAQ,WAAW;IAC7C,MAAM,CAAC,kBAAkB,WAA0B;IAEnD,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,QAAQ,CAAC,CAAkB;IACnC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAA+B;IAErD,iBAAiB,IAAI,IAAI;IASzB,wBAAwB,IAAI,IAAI;IAOhC,oBAAoB,IAAI,IAAI;IAS5B,OAAO,KAAK,WAAW,GAGtB;IAED,OAAO,CAAC,IAAI;IAwBZ,OAAO,CAAC,eAAe,CA6BtB;CACF;AAYD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAA;KACnC;CACF;AAED,wBAAgB,oBAAoB,CAAC,OAAO,qBAAuB,GAAG,IAAI,CAIzE"}