@fristil/designsystem 0.4.0 → 0.5.1

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

@@ -1,33 +1,100 @@
-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() {
+function setOrRemove(element, name, value) {
+    if (value === undefined) {
+        element.removeAttribute(name);
+    }
+    else if (element.getAttribute(name) !== value) {
+        element.setAttribute(name, value);
+    }
+}
+/**
+ * Kobler ledetekst, kontroll, hjelpetekst og feilmelding i vanlig DOM.
+ *
+ * Komponenten er for markup som blir til uten JavaScript: en Go-mal, en
+ * PHP-fil, en Razor-visning eller håndskrevet HTML. Lages markupen med
+ * JavaScript, uansett hvor koden kjører, skal `fs.field()` skrive
+ * attributtene i stedet, og da trengs ikke dette elementet.
+ *
+ * Komponenten rendrer ingenting. Den satte tidligere et `<slot>`-element inn i
+ * vanlig DOM, og siden serveren ikke visste om det, fjernet Datastars morfing
+ * det ved hver patch. Se `FIELD_PRESERVED_ATTRIBUTES` for hva serveren må
+ * skrive for at koblingen skal overleve en morfing.
+ */
+export class FsField extends HTMLElement {
+    /**
+     * Egenskapene speiler attributtene.
+     *
+     * Tilstanden bor i attributtet og ikke i et felt på klassen, slik at det
+     * serveren sendte og det komponenten mener alltid er det samme. En egen
+     * `invalid`-variabel ville kunne si noe annet enn markupen etter en morfing.
+     */
+    get invalid() {
+        return this.hasAttribute("invalid");
+    }
+    set invalid(value) {
+        this.toggleAttribute("invalid", value);
+    }
+    get disabled() {
+        return this.hasAttribute("disabled");
+    }
+    set disabled(value) {
+        this.toggleAttribute("disabled", value);
+    }
+    get optional() {
+        return this.hasAttribute("optional");
+    }
+    set optional(value) {
+        this.toggleAttribute("optional", value);
+    }
+    get requiredMarker() {
+        const value = this.getAttribute("required-marker");
+        return value === "symbol" || value === "text" ? value : "none";
+    }
+    set requiredMarker(value) {
+        if (value === "none")
+            this.removeAttribute("required-marker");
+        else
+            this.setAttribute("required-marker", value);
+    }
+    get controlId() {
+        return this.getAttribute("control-id") ?? undefined;
+    }
+    set controlId(value) {
+        if (value === undefined)
+            this.removeAttribute("control-id");
+        else
+            this.setAttribute("control-id", value);
+    }
+    get describedBy() {
+        return this.getAttribute("described-by") ?? undefined;
+    }
+    set describedBy(value) {
+        if (value === undefined)
+            this.removeAttribute("described-by");
+        else
+            this.setAttribute("described-by", value);
+    }
+    connectedCallback() {
+        // `slotchange` melder ikke fra i vanlig DOM, og innholdet byttes ut mens
+        // brukeren fyller ut skjemaet. Bare childList: å sette et attributt på et
+        // barn utløser da ingen ny runde, så observatøren kan ikke gå i ring.
+        this.observer = new MutationObserver(() => this.sync());
+        this.observer.observe(this, { childList: true, subtree: true });
+        this.sync();
+    }
+    disconnectedCallback() {
+        this.observer?.disconnect();
+        this.observer = undefined;
+    }
+    attributeChangedCallback() {
+        if (this.isConnected)
+            this.sync();
+    }
+    sync() {
         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']");
@@ -38,24 +105,37 @@ export class FsField extends LitElement {
             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.
+        // Markeringene leses også fra markupen. Skrev serveren dem med
+        // `fs.field()`, står de på ledeteksten, og en komponent som bare så på
+        // sine egne attributter ville fjernet dem igjen. I React ga det en
+        // hydreringsfeil: serveren sendte `data-required="symbol"`, komponenten
+        // tok det bort, og så mente React at HTML-en ikke stemte.
+        const marker = this.getAttribute("required-marker") ??
+            label?.getAttribute("data-required") ??
+            null;
+        const disabled = this.hasAttribute("disabled") || control.hasAttribute("disabled");
+        // Tilstanden leses fra markupen, ikke bare fra et attributt på verten.
+        // Skrev serveren feltet med `fs.field()`, står svaret allerede på
+        // kontrollen, og en komponent som regnet ut sitt eget ville fjernet det
+        // igjen. Da kranglet de to halvdelene av API-et med hverandre.
+        const invalid = this.hasAttribute("invalid") ||
+            control.getAttribute("aria-invalid") === "true";
         const computed = computeFieldAttributes({
-            id: this.controlId || control.id || uniqueId("fs-field-control"),
+            id: this.getAttribute("control-id") ||
+                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,
+            required: marker === "symbol" || marker === "text" ? marker : undefined,
+            optional: this.hasAttribute("optional") ||
+                label?.hasAttribute("data-optional") === true,
+            invalid,
+            disabled,
             describedBy: [
                 control.getAttribute("aria-describedby") ?? "",
-                this.describedBy ?? "",
+                this.getAttribute("described-by") ?? "",
             ].filter(Boolean),
         });
         control.id = computed.control.id;
@@ -68,12 +148,14 @@ export class FsField extends LitElement {
             setOrRemove(label, "aria-disabled", computed.label["aria-disabled"]);
         }
         if (error) {
+            // Bare `hidden`. Et skjult element er allerede ute av
+            // tilgjengelighetstreet, så `aria-hidden` var overflødig, og ga en
+            // hydreringsfeil i React fordi serveren ikke skriver det.
             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) {
+        if (disabled) {
             control.setAttribute("disabled", "");
             control.setAttribute("aria-disabled", "true");
         }
@@ -94,22 +176,14 @@ export class FsField extends LitElement {
         }
     }
 }
-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);
-    }
-}
+FsField.observedAttributes = [
+    "invalid",
+    "disabled",
+    "optional",
+    "required-marker",
+    "control-id",
+    "described-by",
+];
 export function defineFsField(tagName = FS_FIELD_TAG) {
     if (!customElements.get(tagName)) {
         customElements.define(tagName, FsField);

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

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

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

@@ -1,6 +1,4 @@
-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.
@@ -9,48 +7,43 @@ type Placement = "bottom-start" | "bottom-end" | "top-start" | "top-end";
  * 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.
+ * Det topplaget ikke gjør er å plassere panelet. `position-anchor` finnes
+ * ennå ikke i alle nettlesere, så posisjonen regnes ut her.
  *
- * Du skriver knappen og innholdet selv, og komponenten kobler dem sammen:
+ * Serveren skriver koblingen med `fs.popover()`: `aria-controls` på knappen,
+ * klassen og `popover` på panelet. Komponenten setter bare `aria-expanded`,
+ * som endrer seg når brukeren klikker, og posisjonen. Begge står i
+ * `data-preserve-attr` fra byggeren, ellers river morfingen dem bort.
  *
  * ```html
  * <fs-popover placement="bottom-end">
- *   <button slot="trigger" class="fs-button">Handlinger</button>
- *   <ul class="fs-list" data-variant="plain">…</ul>
+ *   <button slot="trigger" class="fs-button" aria-controls="meny" aria-expanded="false"
+ *           data-preserve-attr="aria-expanded">Handlinger</button>
+ *   <ul id="meny" class="fs-popover" popover="manual" data-preserve-attr="style">…</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;
+export declare class FsPopover extends HTMLElement {
+    static observedAttributes: string[];
     private panel?;
     private triggerElement?;
-    createRenderRoot(): this;
-    render(): import("lit").TemplateResult<1>;
+    private observer?;
+    /** Om panelet er åpent. Speiles, så CSS kan treffe tilstanden. */
+    get open(): boolean;
+    set open(value: boolean);
+    /** Hvilken kant panelet henger fra. Standard: `bottom-start`. */
+    get placement(): Placement;
+    set placement(value: Placement);
     connectedCallback(): void;
     disconnectedCallback(): void;
-    firstUpdated(): void;
-    updated(): void;
-    private handleSlotChange;
+    attributeChangedCallback(): void;
     private sync;
     private handleTriggerClick;
     private handleOutsideClick;
     private handleKeydown;
     /** Regner ut hvor panelet skal stå, mot knappens plass på skjermen. */
     private reposition;
+    private emit;
     /** Åpner panelet. */
     show(): void;
     /** Lukker panelet. */

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

@@ -1 +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"}
+{"version":3,"file":"fs-popover.d.ts","sourceRoot":"","sources":["../../../../src/components/ramme/popover/fs-popover.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,EAAG,YAAqB,CAAA;AAEnD,KAAK,SAAS,GAAG,cAAc,GAAG,YAAY,GAAG,WAAW,GAAG,SAAS,CAAA;AASxE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAAa,SAAU,SAAQ,WAAW;IACxC,MAAM,CAAC,kBAAkB,WAAwB;IAEjD,OAAO,CAAC,KAAK,CAAC,CAAa;IAC3B,OAAO,CAAC,cAAc,CAAC,CAAa;IACpC,OAAO,CAAC,QAAQ,CAAC,CAAkB;IAEnC,kEAAkE;IAClE,IAAI,IAAI,IAAI,OAAO,CAElB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAGtB;IAED,iEAAiE;IACjE,IAAI,SAAS,IAAI,SAAS,CAGzB;IAED,IAAI,SAAS,CAAC,KAAK,EAAE,SAAS,EAE7B;IAED,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAe5B,wBAAwB,IAAI,IAAI;IAIhC,OAAO,CAAC,IAAI;IAmCZ,OAAO,CAAC,kBAAkB,CAEzB;IAED,OAAO,CAAC,kBAAkB,CAIzB;IAED,OAAO,CAAC,aAAa,CAMpB;IAED,uEAAuE;IACvE,OAAO,CAAC,UAAU,CAyBjB;IAED,OAAO,CAAC,IAAI;IAUZ,qBAAqB;IACrB,IAAI,IAAI,IAAI;IAMZ,sBAAsB;IACtB,IAAI,IAAI,IAAI;IAMZ,0BAA0B;IAC1B,MAAM,IAAI,IAAI;CAIf;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF;AAED,wBAAgB,eAAe,CAAC,OAAO,eAAiB,GAAG,IAAI,CAI9D"}

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

@@ -1,6 +1,10 @@
-import { html, LitElement } from "lit";
 export const FS_POPOVER_TAG = "fs-popover";
-export const POPOVER_CLASS = "fs-popover";
+const PLACEMENTS = [
+    "bottom-start",
+    "bottom-end",
+    "top-start",
+    "top-end",
+];
 /**
  * Et panel som henger under en knapp, og som lukker seg selv.
  *
@@ -8,29 +12,25 @@ export const POPOVER_CLASS = "fs-popover";
  * 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.
+ * Det topplaget ikke gjør er å plassere panelet. `position-anchor` finnes
+ * ennå ikke i alle nettlesere, så posisjonen regnes ut her.
  *
- * Du skriver knappen og innholdet selv, og komponenten kobler dem sammen:
+ * Serveren skriver koblingen med `fs.popover()`: `aria-controls` på knappen,
+ * klassen og `popover` på panelet. Komponenten setter bare `aria-expanded`,
+ * som endrer seg når brukeren klikker, og posisjonen. Begge står i
+ * `data-preserve-attr` fra byggeren, ellers river morfingen dem bort.
  *
  * ```html
  * <fs-popover placement="bottom-end">
- *   <button slot="trigger" class="fs-button">Handlinger</button>
- *   <ul class="fs-list" data-variant="plain">…</ul>
+ *   <button slot="trigger" class="fs-button" aria-controls="meny" aria-expanded="false"
+ *           data-preserve-attr="aria-expanded">Handlinger</button>
+ *   <ul id="meny" class="fs-popover" popover="manual" data-preserve-attr="style">…</ul>
  * </fs-popover>
  * ```
  */
-export class FsPopover extends LitElement {
+export class FsPopover extends HTMLElement {
     constructor() {
         super(...arguments);
-        /** Om panelet er åpent. Speiles, så CSS kan treffe tilstanden. */
-        this.open = false;
-        /** Hvilken kant panelet henger fra. Standard: `bottom-start`. */
-        this.placement = "bottom-start";
-        this.handleSlotChange = () => {
-            this.sync();
-        };
         this.handleTriggerClick = () => {
             this.toggle();
         };
@@ -69,48 +69,66 @@ export class FsPopover extends LitElement {
             this.panel.style.setProperty("--fs-popover-left", `${Math.round(left)}px`);
         };
     }
-    createRenderRoot() {
-        return this;
+    /** Om panelet er åpent. Speiles, så CSS kan treffe tilstanden. */
+    get open() {
+        return this.hasAttribute("open");
     }
-    render() {
-        return html `<slot @slotchange=${this.handleSlotChange}></slot>`;
+    set open(value) {
+        if (value)
+            this.setAttribute("open", "");
+        else
+            this.removeAttribute("open");
+    }
+    /** Hvilken kant panelet henger fra. Standard: `bottom-start`. */
+    get placement() {
+        const value = this.getAttribute("placement");
+        return value && PLACEMENTS.includes(value) ? value : "bottom-start";
+    }
+    set placement(value) {
+        this.setAttribute("placement", value);
     }
     connectedCallback() {
-        super.connectedCallback();
         window.addEventListener("resize", this.reposition);
         window.addEventListener("scroll", this.reposition, true);
+        this.observer = new MutationObserver(() => this.sync());
+        this.observer.observe(this, { childList: true });
+        this.sync();
     }
     disconnectedCallback() {
         window.removeEventListener("resize", this.reposition);
         window.removeEventListener("scroll", this.reposition, true);
-        super.disconnectedCallback();
+        document.removeEventListener("click", this.handleOutsideClick, true);
+        document.removeEventListener("keydown", this.handleKeydown);
+        this.observer?.disconnect();
+        this.observer = undefined;
+        this.triggerElement?.removeEventListener("click", this.handleTriggerClick);
+        // Referansen må nullstilles, ellers ser `sync()` at knappen er den samme
+        // når elementet settes inn igjen, og hopper over å feste lytteren på
+        // nytt. Da lar panelet seg ikke åpne lenger.
+        this.triggerElement = undefined;
+        this.panel = undefined;
     }
-    firstUpdated() {
-        this.sync();
-    }
-    updated() {
-        this.sync();
+    attributeChangedCallback() {
+        if (this.isConnected)
+            this.sync();
     }
     sync() {
         const trigger = this.querySelector("[slot='trigger']");
         const panel = [...this.children].find((child) => child instanceof HTMLElement &&
-            child.getAttribute("slot") !== "trigger" &&
-            child.tagName !== "SLOT");
+            child.getAttribute("slot") !== "trigger");
         if (!trigger || !panel)
             return;
-        this.triggerElement = trigger;
+        if (this.triggerElement !== trigger) {
+            this.triggerElement?.removeEventListener("click", this.handleTriggerClick);
+            trigger.addEventListener("click", this.handleTriggerClick);
+            this.triggerElement = trigger;
+        }
         this.panel = panel;
-        if (!panel.id) {
-            panel.id = `fs-popover-${Math.random().toString(36).slice(2, 9)}`;
+        // Eneste attributtet komponenten eier. Resten skrev serveren.
+        const expanded = String(this.open);
+        if (trigger.getAttribute("aria-expanded") !== expanded) {
+            trigger.setAttribute("aria-expanded", expanded);
         }
-        panel.classList.add(POPOVER_CLASS);
-        // `manual` og ikke `auto`: vi lukker selv, slik at knappen kan brukes til
-        // å lukke igjen uten at nettleseren rekker å lukke først.
-        panel.setAttribute("popover", "manual");
-        trigger.setAttribute("aria-expanded", String(this.open));
-        trigger.setAttribute("aria-controls", panel.id);
-        trigger.removeEventListener("click", this.handleTriggerClick);
-        trigger.addEventListener("click", this.handleTriggerClick);
         if (this.open) {
             if (!panel.matches(":popover-open"))
                 panel.showPopover();
@@ -125,27 +143,26 @@ export class FsPopover extends LitElement {
             document.removeEventListener("keydown", this.handleKeydown);
         }
     }
+    emit(open) {
+        this.dispatchEvent(new CustomEvent("popover-toggle", {
+            detail: { open },
+            bubbles: true,
+            composed: true,
+        }));
+    }
     /** Åpner panelet. */
     show() {
         if (this.open)
             return;
         this.open = true;
-        this.dispatchEvent(new CustomEvent("popover-toggle", {
-            detail: { open: true },
-            bubbles: true,
-            composed: true,
-        }));
+        this.emit(true);
     }
     /** Lukker panelet. */
     hide() {
         if (!this.open)
             return;
         this.open = false;
-        this.dispatchEvent(new CustomEvent("popover-toggle", {
-            detail: { open: false },
-            bubbles: true,
-            composed: true,
-        }));
+        this.emit(false);
     }
     /** Åpner eller lukker. */
     toggle() {
@@ -155,10 +172,7 @@ export class FsPopover extends LitElement {
             this.show();
     }
 }
-FsPopover.properties = {
-    open: { type: Boolean, reflect: true },
-    placement: { type: String },
-};
+FsPopover.observedAttributes = ["open", "placement"];
 export function defineFsPopover(tagName = FS_POPOVER_TAG) {
     if (!customElements.get(tagName)) {
         customElements.define(tagName, FsPopover);

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

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

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

@@ -0,0 +1,43 @@
+export declare const POPOVER_CLASS: "fs-popover";
+export type PopoverOptions = {
+    /** Id på panelet. Kobler knappen til panelet med `aria-controls`. */
+    id: string;
+    /** Panelet er åpent. Standard: lukket. */
+    open?: boolean;
+};
+export type PopoverAttributes = {
+    host: {
+        open?: "";
+        "data-preserve-attr": "open";
+    };
+    trigger: {
+        slot: "trigger";
+        "aria-expanded": "true" | "false";
+        "aria-controls": string;
+        "data-preserve-attr": "aria-expanded";
+    };
+    panel: {
+        class: typeof POPOVER_CLASS;
+        id: string;
+        popover: "manual";
+        "data-preserve-attr": "style";
+    };
+};
+/**
+ * Attributtene for et sprettoppvindu.
+ *
+ * Serveren skriver både knappen og panelet med koblingen mellom dem.
+ * `<fs-popover>` regner ut posisjonen og lukker ved klikk utenfor.
+ *
+ * ```ts
+ * const boks = fs.popover({ id: "hjelp" })
+ * ```
+ * ```html
+ * <fs-popover>
+ *   <button {...boks.trigger}>Hva betyr dette?</button>
+ *   <div {...boks.panel}>Vi bruker fødselsdatoen til å finne riktig sats.</div>
+ * </fs-popover>
+ * ```
+ */
+export declare const popover: ({ id, open, }: PopoverOptions) => PopoverAttributes;
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/ramme/popover/popover.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,EAAG,YAAqB,CAAA;AAElD,MAAM,MAAM,cAAc,GAAG;IAC3B,qEAAqE;IACrE,EAAE,EAAE,MAAM,CAAA;IACV,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE;QACJ,IAAI,CAAC,EAAE,EAAE,CAAA;QACT,oBAAoB,EAAE,MAAM,CAAA;KAC7B,CAAA;IACD,OAAO,EAAE;QACP,IAAI,EAAE,SAAS,CAAA;QACf,eAAe,EAAE,MAAM,GAAG,OAAO,CAAA;QACjC,eAAe,EAAE,MAAM,CAAA;QACvB,oBAAoB,EAAE,eAAe,CAAA;KACtC,CAAA;IACD,KAAK,EAAE;QACL,KAAK,EAAE,OAAO,aAAa,CAAA;QAC3B,EAAE,EAAE,MAAM,CAAA;QACV,OAAO,EAAE,QAAQ,CAAA;QACjB,oBAAoB,EAAE,OAAO,CAAA;KAC9B,CAAA;CACF,CAAA;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,OAAO,GAAI,eAGrB,cAAc,KAAG,iBA6BlB,CAAA"}