@fristil/designsystem 0.3.0 → 0.5.0

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

@@ -1,41 +1,35 @@
-import { html, LitElement } from "lit";
 export const FS_TABS_TAG = "fs-tabs";
-export const TABS_LIST_CLASS = "fs-tabs__list";
-export const TABS_PANEL_CLASS = "fs-tabs__panel";
-function uniqueId(prefix) {
-    return `${prefix}-${Math.random().toString(36).slice(2, 9)}`;
-}
 /**
- * Kobler en rad med knapper til panelene de hører til.
+ * Tastaturet i en fanerad.
+ *
+ * Serveren skriver rollene, `aria-controls` og `hidden` med `fs.tabs()`.
+ * Gjorde komponenten det, ville alle panelene vises til skriptet hadde kjørt,
+ * og innholdet hoppe når panelene skjulte seg selv. I en Datastar-app ville
+ * de dessuten komme tilbake ved hver patch.
  *
- * Du skriver knappene og panelene selv. Komponenten setter rollene, holder
- * `aria-selected` og `aria-controls` i synk, skjuler panelene som ikke er
- * valgt, og tar piltastene.
+ * Det komponenten gjør er det nettleseren ikke gjør selv: Tab hopper forbi
+ * hele raden og inn i panelet, mens piltastene flytter mellom fanene. Et sett
+ * knapper uten dette gir én tabbestopp per fane, og skjermleseren sier
+ * «knapp» der den skulle sagt «fane, 2 av 3, valgt».
  *
- * Tastaturet er hele grunnen til at komponenten finnes. I en faneliste skal
- * Tab hoppe forbi hele raden og inn i panelet, mens piltastene flytter mellom
- * fanene. Et sett knapper uten denne koblingen gir én tabbestopp per fane, og
- * skjermleseren sier «knapp» der den skulle sagt «fane, 2 av 3, valgt».
+ * Attributtene som endrer seg når brukeren velger, altså `aria-selected`,
+ * `tabindex` og `hidden`, står i `data-preserve-attr` fra byggeren.
  *
  * ```html
  * <fs-tabs>
- *   <div class="fs-tabs__list">
- *     <button>Søknaden</button>
- *     <button>Vedlegg</button>
+ *   <div class="fs-tabs__list" role="tablist">
+ *     <button id="sak-tab-0" role="tab" aria-selected="true" aria-controls="sak-panel-0"
+ *             tabindex="0" data-preserve-attr="aria-selected tabindex">Søknaden</button>
  *   </div>
- *   <div class="fs-tabs__panel">…</div>
- *   <div class="fs-tabs__panel">…</div>
+ *   <div id="sak-panel-0" class="fs-tabs__panel" role="tabpanel"
+ *        aria-labelledby="sak-tab-0" tabindex="0" data-preserve-attr="hidden">…</div>
  * </fs-tabs>
  * ```
  */
-export class FsTabs extends LitElement {
+export class FsTabs extends HTMLElement {
     constructor() {
         super(...arguments);
-        /** Indeksen på fanen som er valgt. */
-        this.selected = 0;
-        this.handleSlotChange = () => {
-            this.sync();
-        };
+        this.bound = new Set();
         this.handleClick = (event) => {
             const index = this.tabs.indexOf(event.currentTarget);
             if (index >= 0)
@@ -69,74 +63,56 @@ export class FsTabs extends LitElement {
             tabs[next].focus();
         };
     }
-    createRenderRoot() {
-        return this;
+    connectedCallback() {
+        this.observer = new MutationObserver(() => this.bind());
+        this.observer.observe(this, { childList: true, subtree: true });
+        this.bind();
     }
-    render() {
-        return html `<slot @slotchange=${this.handleSlotChange}></slot>`;
-    }
-    firstUpdated() {
-        this.sync();
-    }
-    updated() {
-        this.sync();
+    disconnectedCallback() {
+        this.observer?.disconnect();
+        this.observer = undefined;
+        for (const tab of this.bound) {
+            tab.removeEventListener("click", this.handleClick);
+            tab.removeEventListener("keydown", this.handleKeydown);
+        }
+        this.bound.clear();
     }
     get tabs() {
-        const list = this.querySelector(`.${TABS_LIST_CLASS}`);
-        return list ? [...list.querySelectorAll("button")] : [];
+        return [...this.querySelectorAll("[role='tab']")];
     }
     get panels() {
-        return [...this.querySelectorAll(`.${TABS_PANEL_CLASS}`)];
+        return [...this.querySelectorAll("[role='tabpanel']")];
     }
-    sync() {
-        const list = this.querySelector(`.${TABS_LIST_CLASS}`);
-        const tabs = this.tabs;
-        const panels = this.panels;
-        if (!list || tabs.length === 0)
-            return;
-        list.setAttribute("role", "tablist");
-        if (this.label)
-            list.setAttribute("aria-label", this.label);
-        // Er `selected` satt utenfor rekkevidde, rettes den her. Ellers ville
-        // attributtet sagt noe annet enn det brukeren ser.
-        const valid = Math.min(Math.max(this.selected, 0), tabs.length - 1);
-        if (valid !== this.selected)
-            this.selected = valid;
-        tabs.forEach((tab, index) => {
-            const panel = panels[index];
-            if (!tab.id)
-                tab.id = uniqueId("fs-tab");
-            if (panel && !panel.id)
-                panel.id = uniqueId("fs-tabpanel");
-            const isSelected = index === valid;
-            tab.setAttribute("role", "tab");
-            tab.setAttribute("type", "button");
-            tab.setAttribute("aria-selected", String(isSelected));
-            // Roving tabindex: bare den valgte fanen er en tabbestopp, så Tab går
-            // fra raden og rett inn i panelet.
-            tab.tabIndex = isSelected ? 0 : -1;
-            if (panel)
-                tab.setAttribute("aria-controls", panel.id);
-            tab.removeEventListener("click", this.handleClick);
+    /** Indeksen på fanen serveren har markert som valgt. */
+    get selected() {
+        const index = this.tabs.findIndex((tab) => tab.getAttribute("aria-selected") === "true");
+        return index < 0 ? 0 : index;
+    }
+    bind() {
+        for (const tab of this.tabs) {
+            if (this.bound.has(tab))
+                continue;
             tab.addEventListener("click", this.handleClick);
-            tab.removeEventListener("keydown", this.handleKeydown);
             tab.addEventListener("keydown", this.handleKeydown);
-            if (panel) {
-                panel.setAttribute("role", "tabpanel");
-                panel.setAttribute("aria-labelledby", tab.id);
-                panel.hidden = !isSelected;
-                // Panelet får fokus når det ikke har noe å fokusere på selv, ellers
-                // hopper Tab rett forbi innholdet som nettopp ble vist.
-                panel.tabIndex = 0;
-            }
-        });
+            this.bound.add(tab);
+        }
     }
     /** Velger en fane og melder fra. */
     select(index) {
+        const tabs = this.tabs;
+        const panels = this.panels;
+        if (index < 0 || index >= tabs.length)
+            return;
         if (index === this.selected)
             return;
-        this.selected = index;
-        this.sync();
+        tabs.forEach((tab, i) => {
+            const valgt = i === index;
+            tab.setAttribute("aria-selected", String(valgt));
+            tab.tabIndex = valgt ? 0 : -1;
+            const panel = panels[i];
+            if (panel)
+                panel.hidden = !valgt;
+        });
         this.dispatchEvent(new CustomEvent("tab-select", {
             detail: { index },
             bubbles: true,
@@ -144,10 +120,12 @@ export class FsTabs extends LitElement {
         }));
     }
 }
-FsTabs.properties = {
-    selected: { type: Number, reflect: true },
-    label: { type: String },
-};
+/**
+ * Ingen attributter. Hvilken fane som er valgt står i markupen serveren
+ * sendte, som `aria-selected` på fanen og `hidden` på panelene, og leses
+ * derfra. Et eget `selected` ville vært en parallell utgave av det samme.
+ */
+FsTabs.observedAttributes = [];
 export function defineFsTabs(tagName = FS_TABS_TAG) {
     if (!customElements.get(tagName)) {
         customElements.define(tagName, FsTabs);

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

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

package/dist/components/ramme/tabs/tabs.d.ts

@@ -0,0 +1,50 @@
+export declare const TABS_LIST_CLASS: "fs-tabs__list";
+export declare const TABS_PANEL_CLASS: "fs-tabs__panel";
+export type TabsOptions = {
+    /** Felles id-stamme. Fanene blir `${id}-tab-0`, panelene `${id}-panel-0`. */
+    id: string;
+    /** Antall faner. */
+    count: number;
+    /** Indeksen på fanen som er valgt. Standard: 0. */
+    selected?: number;
+    /** Tekst som sier hva fanene velger mellom. Blir `aria-label` på raden. */
+    label?: string;
+};
+export type TabsAttributes = {
+    list: {
+        class: typeof TABS_LIST_CLASS;
+        role: "tablist";
+        "aria-label"?: string;
+    };
+    tabs: Array<{
+        id: string;
+        role: "tab";
+        type: "button";
+        "aria-selected": "true" | "false";
+        "aria-controls": string;
+        tabindex: "0" | "-1";
+        "data-preserve-attr": "aria-selected tabindex";
+    }>;
+    panels: Array<{
+        id: string;
+        class: typeof TABS_PANEL_CLASS;
+        role: "tabpanel";
+        "aria-labelledby": string;
+        tabindex: "0";
+        hidden?: true;
+        "data-preserve-attr": "hidden";
+    }>;
+};
+/**
+ * Attributtene for en fanerad.
+ *
+ * Serveren skriver rollene og skjuler panelene som ikke er valgt. Gjorde
+ * komponenten det, ville alle panelene vises til skriptet hadde kjørt, og
+ * innholdet hoppe når det skjulte seg selv.
+ *
+ * ```ts
+ * const faner = fs.tabs({ id: "sak", count: 2, selected: 1, label: "Velg visning" })
+ * ```
+ */
+export declare const tabs: ({ id, count, selected, label, }: TabsOptions) => TabsAttributes;
+//# sourceMappingURL=tabs.d.ts.map

package/dist/components/ramme/tabs/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/ramme/tabs/tabs.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,EAAG,eAAwB,CAAA;AACvD,eAAO,MAAM,gBAAgB,EAAG,gBAAyB,CAAA;AAEzD,MAAM,MAAM,WAAW,GAAG;IACxB,6EAA6E;IAC7E,EAAE,EAAE,MAAM,CAAA;IACV,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO,eAAe,CAAA;QAC7B,IAAI,EAAE,SAAS,CAAA;QACf,YAAY,CAAC,EAAE,MAAM,CAAA;KACtB,CAAA;IACD,IAAI,EAAE,KAAK,CAAC;QACV,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,KAAK,CAAA;QACX,IAAI,EAAE,QAAQ,CAAA;QACd,eAAe,EAAE,MAAM,GAAG,OAAO,CAAA;QACjC,eAAe,EAAE,MAAM,CAAA;QACvB,QAAQ,EAAE,GAAG,GAAG,IAAI,CAAA;QACpB,oBAAoB,EAAE,wBAAwB,CAAA;KAC/C,CAAC,CAAA;IACF,MAAM,EAAE,KAAK,CAAC;QACZ,EAAE,EAAE,MAAM,CAAA;QACV,KAAK,EAAE,OAAO,gBAAgB,CAAA;QAC9B,IAAI,EAAE,UAAU,CAAA;QAChB,iBAAiB,EAAE,MAAM,CAAA;QACzB,QAAQ,EAAE,GAAG,CAAA;QACb,MAAM,CAAC,EAAE,IAAI,CAAA;QACb,oBAAoB,EAAE,QAAQ,CAAA;KAC/B,CAAC,CAAA;CACH,CAAA;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,IAAI,GAAI,iCAKlB,WAAW,KAAG,cA6ChB,CAAA"}

package/dist/components/ramme/tabs/tabs.js

@@ -0,0 +1,54 @@
+import { attributes } from "../../css/shared.js";
+export const TABS_LIST_CLASS = "fs-tabs__list";
+export const TABS_PANEL_CLASS = "fs-tabs__panel";
+/**
+ * Attributtene for en fanerad.
+ *
+ * Serveren skriver rollene og skjuler panelene som ikke er valgt. Gjorde
+ * komponenten det, ville alle panelene vises til skriptet hadde kjørt, og
+ * innholdet hoppe når det skjulte seg selv.
+ *
+ * ```ts
+ * const faner = fs.tabs({ id: "sak", count: 2, selected: 1, label: "Velg visning" })
+ * ```
+ */
+export const tabs = ({ id, count, selected = 0, label, }) => {
+    // Er `selected` utenfor rekkevidde, rettes den her. Ellers ville markupen
+    // sagt noe annet enn det brukeren ser.
+    const valid = Math.min(Math.max(selected, 0), Math.max(count - 1, 0));
+    const tabId = (index) => `${id}-tab-${index}`;
+    const panelId = (index) => `${id}-panel-${index}`;
+    const indices = Array.from({ length: count }, (_, index) => index);
+    return {
+        list: attributes({
+            class: TABS_LIST_CLASS,
+            role: "tablist",
+            "aria-label": label,
+        }),
+        tabs: indices.map((index) => attributes({
+            id: tabId(index),
+            role: "tab",
+            type: "button",
+            "aria-selected": (index === valid ? "true" : "false"),
+            "aria-controls": panelId(index),
+            // Rullerende tabindex: bare den valgte fanen er en tabbestopp, så Tab
+            // går fra raden og rett inn i panelet.
+            tabindex: (index === valid ? "0" : "-1"),
+            // Komponenten flytter valget når brukeren klikker. Morfingen ville
+            // ellers satt det tilbake til det serveren sendte.
+            "data-preserve-attr": "aria-selected tabindex",
+        })),
+        panels: indices.map((index) => attributes({
+            id: panelId(index),
+            class: TABS_PANEL_CLASS,
+            role: "tabpanel",
+            "aria-labelledby": tabId(index),
+            // Panelet får fokus når det ikke har noe å fokusere på selv, ellers
+            // hopper Tab rett forbi innholdet som nettopp ble vist.
+            tabindex: "0",
+            hidden: index === valid ? undefined : true,
+            "data-preserve-attr": "hidden",
+        })),
+    };
+};
+//# sourceMappingURL=tabs.js.map

package/dist/components/ramme/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/ramme/tabs/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAEhD,MAAM,CAAC,MAAM,eAAe,GAAG,eAAwB,CAAA;AACvD,MAAM,CAAC,MAAM,gBAAgB,GAAG,gBAAyB,CAAA;AAuCzD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,EAAE,EACF,KAAK,EACL,QAAQ,GAAG,CAAC,EACZ,KAAK,GACO,EAAkB,EAAE;IAChC,0EAA0E;IAC1E,uCAAuC;IACvC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;IACrE,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,EAAE,CAAA;IACrD,MAAM,OAAO,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,EAAE,CAAA;IACzD,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,CAAA;IAElE,OAAO;QACL,IAAI,EAAE,UAAU,CAAC;YACf,KAAK,EAAE,eAAe;YACtB,IAAI,EAAE,SAAkB;YACxB,YAAY,EAAE,KAAK;SACpB,CAAC;QACF,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAC1B,UAAU,CAAC;YACT,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC;YAChB,IAAI,EAAE,KAAc;YACpB,IAAI,EAAE,QAAiB;YACvB,eAAe,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAEzC;YACX,eAAe,EAAE,OAAO,CAAC,KAAK,CAAC;YAC/B,sEAAsE;YACtE,uCAAuC;YACvC,QAAQ,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAe;YACtD,mEAAmE;YACnE,mDAAmD;YACnD,oBAAoB,EAAE,wBAAiC;SACxD,CAAC,CACH;QACD,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAC5B,UAAU,CAAC;YACT,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC;YAClB,KAAK,EAAE,gBAAgB;YACvB,IAAI,EAAE,UAAmB;YACzB,iBAAiB,EAAE,KAAK,CAAC,KAAK,CAAC;YAC/B,oEAAoE;YACpE,wDAAwD;YACxD,QAAQ,EAAE,GAAY;YACtB,MAAM,EAAE,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,IAAc;YACrD,oBAAoB,EAAE,QAAiB;SACxC,CAAC,CACH;KACF,CAAA;AACH,CAAC,CAAA"}

package/dist/fs.d.ts

@@ -58,6 +58,11 @@ export declare const fs: {
         states: readonly ["default", "invalid", "success"];
         isState: (value: string) => value is "default" | "success" | "invalid";
     };
+    /**
+     * Linja som sier fra at forbindelsen til serveren er borte. Serveren kan
+     * ikke melde det selv, så `<fs-connection-status>` eier innholdet.
+     */
+    readonly connectionStatus: ({ offlineText, onlineText, }?: import("./index.js").ConnectionStatusOptions) => import("./index.js").ConnectionStatusAttributes;
     readonly dialog: (() => import("./index.js").DialogAttributes) & {
         title: "fs-dialog__title";
         body: "fs-dialog__body";
@@ -71,6 +76,11 @@ export declare const fs: {
         variants: readonly ["error", "warning"];
         isVariant: (value: string) => value is "error" | "warning";
     };
+    /**
+     * Feiloppsummeringen over et skjema. Serveren skriver hele boksen, også
+     * overskriften, og `<fs-error-summary>` flytter bare fokus.
+     */
+    readonly errorSummary: ({ count, id, }?: import("./index.js").ErrorSummaryOptions) => import("./index.js").ErrorSummaryAttributes;
     /**
      * Kobler sammen ledetekst, felt, hjelpetekst og feilmelding.
      *
@@ -133,6 +143,11 @@ export declare const fs: {
         variants: readonly ["default", "lead"];
         isVariant: (value: string) => value is "default" | "lead";
     };
+    /**
+     * Knappen og panelet i et sprettoppvindu. `<fs-popover>` regner ut
+     * posisjonen, serveren skriver koblingen.
+     */
+    readonly popover: ({ id, open, }: import("./index.js").PopoverOptions) => import("./index.js").PopoverAttributes;
     readonly radio: (({ state }?: import("./index.js").RadioOptions) => import("./index.js").RadioAttributes) & {
         row: "fs-radio-row";
         states: readonly ["default", "invalid", "success"];
@@ -147,6 +162,11 @@ export declare const fs: {
         states: readonly ["default", "invalid", "success"];
         isState: (value: string) => value is "default" | "success" | "invalid";
     };
+    /**
+     * Varselet om at innlogget økt går ut. Nedtellingen er klientens klokke,
+     * så `<fs-session-timeout>` eier innholdet.
+     */
+    readonly sessionTimeout: ({ warnAt, expiresAt, }?: import("./index.js").SessionTimeoutOptions) => import("./index.js").SessionTimeoutAttributes;
     readonly skeleton: (({ variant }?: import("./index.js").SkeletonOptions) => import("./index.js").SkeletonAttributes) & {
         variants: readonly ["block", "text", "circle"];
         isVariant: (value: string) => value is "text" | "circle" | "block";
@@ -158,10 +178,84 @@ export declare const fs: {
     };
     /** Tekst bare skjermlesere skal få. Krever `sr-only.css`. */
     readonly srOnly: () => import("./index.js").SrOnlyAttributes;
+    /**
+     * Feltet og forslagslista. `<fs-suggestion>` tar tastaturet og
+     * filtreringen, serveren skriver markupen.
+     */
+    readonly suggestion: ({ id, count, activeIndex, open, ...field }: import("./index.js").SuggestionOptions) => {
+        label: {
+            class: "fs-label";
+            for: string;
+            "data-required"?: import("./index.js").RequiredMarker;
+            "data-optional"?: "";
+            "aria-disabled"?: "true";
+        };
+        field: {
+            class: "fs-suggestion__field";
+        };
+        control: {
+            class: "fs-input";
+            type: "text";
+            role: "combobox";
+            autocomplete: "off";
+            "aria-expanded": "true" | "false";
+            "aria-controls": string;
+            "aria-describedby": string;
+            "aria-autocomplete": "list";
+            "aria-activedescendant": string | undefined;
+            "data-preserve-attr": "aria-expanded aria-activedescendant";
+            id: string;
+            "aria-invalid"?: "true";
+            "data-state"?: "invalid";
+            disabled?: true;
+        };
+        list: {
+            class: "fs-suggestion__list";
+            id: string;
+            role: "listbox";
+            hidden: true | undefined;
+            "data-preserve-attr": "hidden";
+        };
+        options: {
+            class: "fs-suggestion__option";
+            id: string;
+            role: "option";
+            "aria-selected": "true" | "false";
+            "data-preserve-attr": "aria-selected hidden";
+        }[];
+        empty: {
+            class: "fs-suggestion__empty";
+        };
+        status: {
+            class: "fs-sr-only";
+            id: string;
+            role: "status";
+            "aria-live": "polite";
+            "data-ignore-morph": "";
+        };
+        help: {
+            id: string;
+        };
+        error: {
+            id: string;
+            hidden?: true;
+        };
+        state: "default" | "success" | "invalid";
+    };
     /** Av og på. Heter `switchControl` når du importerer den direkte. */
     readonly switch: (({ disabled }?: import("./index.js").SwitchOptions) => import("./index.js").SwitchAttributes) & {
         row: "fs-switch-row";
     };
+    /**
+     * Fanerad med paneler. Serveren skriver rollene og skjuler panelene som
+     * ikke er valgt, `<fs-tabs>` tar piltastene.
+     */
+    readonly tabs: ({ id, count, selected, label, }: import("./index.js").TabsOptions) => import("./index.js").TabsAttributes;
+    /**
+     * Varselregionen. Setter `data-ignore-morph`, fordi `<fs-toast>` lager og
+     * fjerner sine egne meldinger inni den.
+     */
+    readonly toast: ({ label, }?: import("./index.js").ToastOptions) => import("./index.js").ToastAttributes;
     readonly toggleGroup: (() => import("./index.js").ToggleGroupAttributes) & {
         option: "fs-toggle-group__option";
     };

package/dist/fs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fs.d.ts","sourceRoot":"","sources":["../src/fs.ts"],"names":[],"mappings":"AAwCA,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAA;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAExC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAYb;;;;;;;;;;;;;;OAcG;;IAEH,yEAAyE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkBzE,6DAA6D;;IAE7D,qEAAqE;;;;;;;;;;;;;;;;;;;;;;;IAQrE;;;;;OAKG;;IAGH,qEAAqE;;;IAGrE,8CAA8C;;;CAGtC,CAAA;AAEV,MAAM,MAAM,EAAE,GAAG,OAAO,EAAE,CAAA"}
+{"version":3,"file":"fs.d.ts","sourceRoot":"","sources":["../src/fs.ts"],"names":[],"mappings":"AA4CA,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAA;AAI/E,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAExC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASb;;;OAGG;;;;;;;;;;;;;;;IAKH;;;OAGG;;IAEH;;;;;;;;;;;;;;OAcG;;IAEH,yEAAyE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAYzE;;;OAGG;;;;;;;;;;;;;;;;IAKH;;;OAGG;;;;;;;;;;;IAKH,6DAA6D;;IAE7D;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH,qEAAqE;;;;IAErE;;;OAGG;;IAEH;;;OAGG;;;;;;;;;;;;;;;;;;;;;IAQH;;;;;OAKG;;IAGH,qEAAqE;;;IAGrE,8CAA8C;;;CAGtC,CAAA;AAEV,MAAM,MAAM,EAAE,GAAG,OAAO,EAAE,CAAA"}

package/dist/fs.js

@@ -33,7 +33,14 @@ import { tag } from "./components/css/tag/tag.js";
 import { textarea } from "./components/css/textarea/textarea.js";
 import { toggleGroup } from "./components/css/toggle-group/toggle-group.js";
 import { tooltip } from "./components/css/tooltip/tooltip.js";
+import { connectionStatus } from "./components/frittstaende/connection-status/connection-status.js";
+import { sessionTimeout } from "./components/frittstaende/session-timeout/session-timeout.js";
+import { toast } from "./components/frittstaende/toast/toast.js";
+import { errorSummary } from "./components/ramme/error-summary/error-summary.js";
 import { computeFieldAttributes } from "./components/ramme/field/field-core.js";
+import { popover } from "./components/ramme/popover/popover.js";
+import { suggestion } from "./components/ramme/suggestion/suggestion.js";
+import { tabs } from "./components/ramme/tabs/tabs.js";
 import { setAttributes } from "./dom.js";
 /**
  * Hele komponent-API-et på ett sted.
@@ -65,9 +72,19 @@ export const fs = {
     button,
     card,
     checkbox,
+    /**
+     * Linja som sier fra at forbindelsen til serveren er borte. Serveren kan
+     * ikke melde det selv, så `<fs-connection-status>` eier innholdet.
+     */
+    connectionStatus,
     dialog,
     divider,
     errorText,
+    /**
+     * Feiloppsummeringen over et skjema. Serveren skriver hele boksen, også
+     * overskriften, og `<fs-error-summary>` flytter bare fokus.
+     */
+    errorSummary,
     /**
      * Kobler sammen ledetekst, felt, hjelpetekst og feilmelding.
      *
@@ -96,16 +113,41 @@ export const fs = {
     list,
     pagination,
     paragraph,
+    /**
+     * Knappen og panelet i et sprettoppvindu. `<fs-popover>` regner ut
+     * posisjonen, serveren skriver koblingen.
+     */
+    popover,
     radio,
     search,
     select,
+    /**
+     * Varselet om at innlogget økt går ut. Nedtellingen er klientens klokke,
+     * så `<fs-session-timeout>` eier innholdet.
+     */
+    sessionTimeout,
     skeleton,
     skipLink,
     spinner,
     /** Tekst bare skjermlesere skal få. Krever `sr-only.css`. */
     srOnly,
+    /**
+     * Feltet og forslagslista. `<fs-suggestion>` tar tastaturet og
+     * filtreringen, serveren skriver markupen.
+     */
+    suggestion,
     /** Av og på. Heter `switchControl` når du importerer den direkte. */
     switch: switchControl,
+    /**
+     * Fanerad med paneler. Serveren skriver rollene og skjuler panelene som
+     * ikke er valgt, `<fs-tabs>` tar piltastene.
+     */
+    tabs,
+    /**
+     * Varselregionen. Setter `data-ignore-morph`, fordi `<fs-toast>` lager og
+     * fjerner sine egne meldinger inni den.
+     */
+    toast,
     toggleGroup,
     tooltip,
     table,

package/dist/fs.js.map

@@ -1 +1 @@
-{"version":3,"file":"fs.js","sourceRoot":"","sources":["../src/fs.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"fs.js","sourceRoot":"","sources":["../src/fs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAA;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAA;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAA;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAA;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,2CAA2C,CAAA;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAA;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAA;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAA;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAA;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAA;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAA;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EACL,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,eAAe,GAChB,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAA;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAA;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,6BAA6B,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAA;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAA;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAA;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kEAAkE,CAAA;AACnG,OAAO,EAAE,cAAc,EAAE,MAAM,8DAA8D,CAAA;AAC7F,OAAO,EAAE,KAAK,EAAE,MAAM,0CAA0C,CAAA;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,mDAAmD,CAAA;AAChF,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAA;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAA;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAExC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,EAAE,GAAG;IAChB,SAAS;IACT,KAAK;IACL,MAAM;IACN,KAAK;IACL,WAAW;IACX,MAAM;IACN,IAAI;IACJ,QAAQ;IACR;;;OAGG;IACH,gBAAgB;IAChB,MAAM;IACN,OAAO;IACP,SAAS;IACT;;;OAGG;IACH,YAAY;IACZ;;;;;;;;;;;;;;OAcG;IACH,KAAK,EAAE,sBAAsB;IAC7B,yEAAyE;IACzE,QAAQ;IACR,OAAO;IACP,UAAU;IACV,QAAQ;IACR,KAAK;IACL,KAAK;IACL,MAAM;IACN,IAAI;IACJ,IAAI;IACJ,UAAU;IACV,SAAS;IACT;;;OAGG;IACH,OAAO;IACP,KAAK;IACL,MAAM;IACN,MAAM;IACN;;;OAGG;IACH,cAAc;IACd,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,6DAA6D;IAC7D,MAAM;IACN;;;OAGG;IACH,UAAU;IACV,qEAAqE;IACrE,MAAM,EAAE,aAAa;IACrB;;;OAGG;IACH,IAAI;IACJ;;;OAGG;IACH,KAAK;IACL,WAAW;IACX,OAAO;IACP,KAAK;IACL,GAAG;IACH,QAAQ;IAER;;;;;OAKG;IACH,aAAa;IAEb,qEAAqE;IACrE,MAAM,EAAE,WAAW;IACnB,OAAO,EAAE,YAAY;IACrB,8CAA8C;IAC9C,OAAO,EAAE,eAAe;IACxB,QAAQ,EAAE,gBAAgB;CAClB,CAAA"}

package/dist/index.d.ts

@@ -67,15 +67,22 @@ export type { ToggleGroupAttributes } from "./components/css/toggle-group/toggle
 export { toggleGroup } from "./components/css/toggle-group/toggle-group.js";
 export type { TooltipAttributes } from "./components/css/tooltip/tooltip.js";
 export { tooltip } from "./components/css/tooltip/tooltip.js";
-export * from "./components/frittstaende/calendar/fs-calendar.js";
-export * from "./components/frittstaende/date-field/fs-date-field.js";
-export * from "./components/frittstaende/suggestion/fs-suggestion.js";
+export * from "./components/frittstaende/connection-status/connection-status.js";
+export * from "./components/frittstaende/connection-status/fs-connection-status.js";
+export * from "./components/frittstaende/session-timeout/fs-session-timeout.js";
+export * from "./components/frittstaende/session-timeout/session-timeout.js";
 export * from "./components/frittstaende/toast/fs-toast.js";
+export * from "./components/frittstaende/toast/toast.js";
+export * from "./components/ramme/error-summary/error-summary.js";
 export * from "./components/ramme/error-summary/fs-error-summary.js";
 export * from "./components/ramme/field/field-core.js";
 export * from "./components/ramme/field/fs-field.js";
 export * from "./components/ramme/popover/fs-popover.js";
+export * from "./components/ramme/popover/popover.js";
+export * from "./components/ramme/suggestion/fs-suggestion.js";
+export * from "./components/ramme/suggestion/suggestion.js";
 export * from "./components/ramme/tabs/fs-tabs.js";
+export * from "./components/ramme/tabs/tabs.js";
 export type { Attributes } from "./dom.js";
 export { setAttributes } from "./dom.js";
 export type { Fs } from "./fs.js";

package/dist/index.d.ts.map

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