@fristil/designsystem 0.2.0

package/dist/components/css/switch/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../src/components/css/switch/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,CAAC,MAAM,YAAY,GAAG,WAAoB,CAAA;AAChD,mEAAmE;AACnE,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAwB,CAAA;AAcxD;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CACxC,CAAC,EAAE,QAAQ,KAAoB,EAAE,EAAoB,EAAE,CACrD,UAAU,CAAC;IACT,KAAK,EAAE,YAAY;IACnB,IAAI,EAAE,UAAmB;IACzB,IAAI,EAAE,QAAiB;IACvB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAE,IAAc,CAAC,CAAC,CAAC,SAAS;CACjD,CAAC,EACJ;IACE,kDAAkD;IAClD,GAAG,EAAE,gBAAgB;CACtB,CACF,CAAA"}

package/dist/components/css/table/table.d.ts

@@ -0,0 +1,36 @@
+export declare const TABLE_CLASS: "fs-table";
+/** Beholderen som lar en bred tabell rulles sidelengs. */
+export declare const TABLE_SCROLL_CLASS: "fs-table-scroll";
+export declare const tableVariants: readonly ["default", "striped"];
+export type TableVariant = (typeof tableVariants)[number];
+export type NonDefaultTableVariant = Exclude<TableVariant, "default">;
+export type TableOptions = {
+    /** Annenhver rad i dempet flate. Standard: `default`. */
+    variant?: TableVariant;
+    /** Marker raden under musa. Bruk bare når rader kan trykkes på. */
+    hoverable?: boolean;
+};
+export type TableAttributes = {
+    class: typeof TABLE_CLASS;
+    "data-variant"?: NonDefaultTableVariant;
+    "data-hoverable"?: "";
+};
+/**
+ * Attributtene for en tabell.
+ *
+ * Klassen hører på et ekte `<table>` med `<thead>` og `<th>`. Det er
+ * overskriftscellene som gjør at skjermlesere kan si «Beløp, 1 240 kroner»
+ * når brukeren står i en celle. Bygger du tabellen av `<div>`-er, finnes ikke
+ * den koblingen.
+ *
+ * ```ts
+ * <table {...table({ variant: "striped" })}>…</table>
+ * ```
+ */
+export declare const table: (({ variant, hoverable }?: TableOptions) => TableAttributes) & {
+    /** Klassen på beholderen rundt en bred tabell. */
+    scroll: "fs-table-scroll";
+    variants: readonly ["default", "striped"];
+    isVariant: (value: string) => value is "default" | "striped";
+};
+//# sourceMappingURL=table.d.ts.map

package/dist/components/css/table/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/components/css/table/table.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,EAAG,UAAmB,CAAA;AAC9C,0DAA0D;AAC1D,eAAO,MAAM,kBAAkB,EAAG,iBAA0B,CAAA;AAE5D,eAAO,MAAM,aAAa,iCAAkC,CAAA;AAE5D,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAA;AACzD,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAA;AAErE,MAAM,MAAM,YAAY,GAAG;IACzB,yDAAyD;IACzD,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,OAAO,WAAW,CAAA;IACzB,cAAc,CAAC,EAAE,sBAAsB,CAAA;IACvC,gBAAgB,CAAC,EAAE,EAAE,CAAA;CACtB,CAAA;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,KAAK,6BACqB,YAAY,KAAQ,eAAe;IAOtE,kDAAkD;;;;CAKrD,CAAA"}

package/dist/components/css/table/table.js

@@ -0,0 +1,28 @@
+import { attributes, createGuard } from "../shared.js";
+export const TABLE_CLASS = "fs-table";
+/** Beholderen som lar en bred tabell rulles sidelengs. */
+export const TABLE_SCROLL_CLASS = "fs-table-scroll";
+export const tableVariants = ["default", "striped"];
+/**
+ * Attributtene for en tabell.
+ *
+ * Klassen hører på et ekte `<table>` med `<thead>` og `<th>`. Det er
+ * overskriftscellene som gjør at skjermlesere kan si «Beløp, 1 240 kroner»
+ * når brukeren står i en celle. Bygger du tabellen av `<div>`-er, finnes ikke
+ * den koblingen.
+ *
+ * ```ts
+ * <table {...table({ variant: "striped" })}>…</table>
+ * ```
+ */
+export const table = Object.assign(({ variant = "default", hoverable } = {}) => attributes({
+    class: TABLE_CLASS,
+    "data-variant": variant === "default" ? undefined : variant,
+    "data-hoverable": hoverable ? "" : undefined,
+}), {
+    /** Klassen på beholderen rundt en bred tabell. */
+    scroll: TABLE_SCROLL_CLASS,
+    variants: tableVariants,
+    isVariant: createGuard(tableVariants),
+});
+//# sourceMappingURL=table.js.map

package/dist/components/css/table/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../src/components/css/table/table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAEtD,MAAM,CAAC,MAAM,WAAW,GAAG,UAAmB,CAAA;AAC9C,0DAA0D;AAC1D,MAAM,CAAC,MAAM,kBAAkB,GAAG,iBAA0B,CAAA;AAE5D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,SAAS,EAAE,SAAS,CAAU,CAAA;AAkB5D;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAChC,CAAC,EAAE,OAAO,GAAG,SAAS,EAAE,SAAS,KAAmB,EAAE,EAAmB,EAAE,CACzE,UAAU,CAAC;IACT,KAAK,EAAE,WAAW;IAClB,cAAc,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;IAC3D,gBAAgB,EAAE,SAAS,CAAC,CAAC,CAAE,EAAY,CAAC,CAAC,CAAC,SAAS;CACxD,CAAC,EACJ;IACE,kDAAkD;IAClD,MAAM,EAAE,kBAAkB;IAC1B,QAAQ,EAAE,aAAa;IACvB,SAAS,EAAE,WAAW,CAAC,aAAa,CAAC;CACtC,CACF,CAAA"}

package/dist/components/css/tag/tag.d.ts

@@ -0,0 +1,35 @@
+export declare const TAG_CLASS: "fs-tag";
+export declare const tagVariants: readonly ["outline", "filled"];
+export type TagVariant = (typeof tagVariants)[number];
+export type NonDefaultTagVariant = Exclude<TagVariant, "outline">;
+export type TagOptions = {
+    /** Omriss eller dempet flate. Standard: `outline`. */
+    variant?: TagVariant;
+    /** Merkelappen kan slås av og på. Bruk bare på en `<button>`. */
+    selectable?: boolean;
+};
+export type TagAttributes = {
+    class: typeof TAG_CLASS;
+    "data-variant"?: NonDefaultTagVariant;
+    "data-selectable"?: "";
+};
+/**
+ * Attributtene for en merkelapp.
+ *
+ * En merkelapp merker innhold: emneord på en artikkel, valgte filtre over en
+ * liste. Sier den hvilken tilstand noe er i, er [Badge](../badge/badge.js)
+ * riktig i stedet.
+ *
+ * `selectable` gir hover og fokusmarkering, men gjør ingenting trykkbart.
+ * Elementet må være en `<button>`, og du setter `aria-pressed` selv, siden
+ * bare du vet om lappen er valgt.
+ *
+ * ```ts
+ * <button {...tag({ selectable: true })} aria-pressed="true">Bostøtte</button>
+ * ```
+ */
+export declare const tag: (({ variant, selectable }?: TagOptions) => TagAttributes) & {
+    variants: readonly ["outline", "filled"];
+    isVariant: (value: string) => value is "outline" | "filled";
+};
+//# sourceMappingURL=tag.d.ts.map

package/dist/components/css/tag/tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../../src/components/css/tag/tag.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,EAAG,QAAiB,CAAA;AAE1C,eAAO,MAAM,WAAW,gCAAiC,CAAA;AAEzD,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;AACrD,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC,UAAU,EAAE,SAAS,CAAC,CAAA;AAEjE,MAAM,MAAM,UAAU,GAAG;IACvB,sDAAsD;IACtD,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,iEAAiE;IACjE,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,OAAO,SAAS,CAAA;IACvB,cAAc,CAAC,EAAE,oBAAoB,CAAA;IACrC,iBAAiB,CAAC,EAAE,EAAE,CAAA;CACvB,CAAA;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,GAAG,8BACwB,UAAU,KAAQ,aAAa;;;CAUtE,CAAA"}

package/dist/components/css/tag/tag.js

@@ -0,0 +1,27 @@
+import { attributes, createGuard } from "../shared.js";
+export const TAG_CLASS = "fs-tag";
+export const tagVariants = ["outline", "filled"];
+/**
+ * Attributtene for en merkelapp.
+ *
+ * En merkelapp merker innhold: emneord på en artikkel, valgte filtre over en
+ * liste. Sier den hvilken tilstand noe er i, er [Badge](../badge/badge.js)
+ * riktig i stedet.
+ *
+ * `selectable` gir hover og fokusmarkering, men gjør ingenting trykkbart.
+ * Elementet må være en `<button>`, og du setter `aria-pressed` selv, siden
+ * bare du vet om lappen er valgt.
+ *
+ * ```ts
+ * <button {...tag({ selectable: true })} aria-pressed="true">Bostøtte</button>
+ * ```
+ */
+export const tag = Object.assign(({ variant = "outline", selectable } = {}) => attributes({
+    class: TAG_CLASS,
+    "data-variant": variant === "outline" ? undefined : variant,
+    "data-selectable": selectable ? "" : undefined,
+}), {
+    variants: tagVariants,
+    isVariant: createGuard(tagVariants),
+});
+//# sourceMappingURL=tag.js.map

package/dist/components/css/tag/tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../../../src/components/css/tag/tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAEtD,MAAM,CAAC,MAAM,SAAS,GAAG,QAAiB,CAAA;AAE1C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,SAAS,EAAE,QAAQ,CAAU,CAAA;AAkBzD;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAC9B,CAAC,EAAE,OAAO,GAAG,SAAS,EAAE,UAAU,KAAiB,EAAE,EAAiB,EAAE,CACtE,UAAU,CAAC;IACT,KAAK,EAAE,SAAS;IAChB,cAAc,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;IAC3D,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAE,EAAY,CAAC,CAAC,CAAC,SAAS;CAC1D,CAAC,EACJ;IACE,QAAQ,EAAE,WAAW;IACrB,SAAS,EAAE,WAAW,CAAC,WAAW,CAAC;CACpC,CACF,CAAA"}

package/dist/components/css/textarea/textarea.d.ts

@@ -0,0 +1,23 @@
+import { type FieldState, type NonDefaultFieldState } from "../shared.js";
+export declare const TEXTAREA_CLASS: "fs-textarea";
+export type TextareaOptions = {
+    /** Valideringstilstand. Standard: `default`. */
+    state?: FieldState;
+};
+export type TextareaAttributes = {
+    class: typeof TEXTAREA_CLASS;
+    "data-state"?: NonDefaultFieldState;
+    "aria-invalid"?: "true";
+};
+/**
+ * Attributtene for et flerlinjet tekstfelt.
+ *
+ * ```ts
+ * <textarea {...textarea({ state: "invalid" })} />
+ * ```
+ */
+export declare const textarea: (({ state }?: TextareaOptions) => TextareaAttributes) & {
+    states: readonly ["default", "invalid", "success"];
+    isState: (value: string) => value is "default" | "success" | "invalid";
+};
+//# sourceMappingURL=textarea.d.ts.map

package/dist/components/css/textarea/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/css/textarea/textarea.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,UAAU,EAGf,KAAK,oBAAoB,EAC1B,MAAM,cAAc,CAAA;AAErB,eAAO,MAAM,cAAc,EAAG,aAAsB,CAAA;AAEpD,MAAM,MAAM,eAAe,GAAG;IAC5B,gDAAgD;IAChD,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,OAAO,cAAc,CAAA;IAC5B,YAAY,CAAC,EAAE,oBAAoB,CAAA;IACnC,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,gBACK,eAAe,KAAQ,kBAAkB;;;CAUlE,CAAA"}

package/dist/components/css/textarea/textarea.js

@@ -0,0 +1,18 @@
+import { attributes, fieldStates, isFieldState, } from "../shared.js";
+export const TEXTAREA_CLASS = "fs-textarea";
+/**
+ * Attributtene for et flerlinjet tekstfelt.
+ *
+ * ```ts
+ * <textarea {...textarea({ state: "invalid" })} />
+ * ```
+ */
+export const textarea = Object.assign(({ state = "default" } = {}) => attributes({
+    class: TEXTAREA_CLASS,
+    "data-state": state === "default" ? undefined : state,
+    "aria-invalid": state === "invalid" ? "true" : undefined,
+}), {
+    states: fieldStates,
+    isState: isFieldState,
+});
+//# sourceMappingURL=textarea.js.map

package/dist/components/css/textarea/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../src/components/css/textarea/textarea.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAEV,WAAW,EACX,YAAY,GAEb,MAAM,cAAc,CAAA;AAErB,MAAM,CAAC,MAAM,cAAc,GAAG,aAAsB,CAAA;AAapD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CACnC,CAAC,EAAE,KAAK,GAAG,SAAS,KAAsB,EAAE,EAAsB,EAAE,CAClE,UAAU,CAAC;IACT,KAAK,EAAE,cAAc;IACrB,YAAY,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK;IACrD,cAAc,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAE,MAAgB,CAAC,CAAC,CAAC,SAAS;CACpE,CAAC,EACJ;IACE,MAAM,EAAE,WAAW;IACnB,OAAO,EAAE,YAAY;CACtB,CACF,CAAA"}

package/dist/components/css/toggle-group/toggle-group.d.ts

@@ -0,0 +1,31 @@
+export declare const TOGGLE_GROUP_CLASS: "fs-toggle-group";
+/** Ledeteksten rundt hvert alternativ. */
+export declare const TOGGLE_GROUP_OPTION_CLASS: "fs-toggle-group__option";
+export type ToggleGroupAttributes = {
+    class: typeof TOGGLE_GROUP_CLASS;
+};
+/**
+ * Attributtene for en gruppe der ett alternativ er valgt om gangen.
+ *
+ * Gruppen er radioknapper i forkledning. Hvert alternativ er en `<label>` med
+ * en `<input type="radio">` inni, krympet bort visuelt. Da beholder du
+ * piltastene, `FormData` og at skjermleseren sier «2 av 3» uten at noe av det
+ * må skrives på nytt.
+ *
+ * Er valgene handlinger framfor en innstilling, som «fet, kursiv,
+ * understreket», hører knapper med `aria-pressed` hjemme i stedet.
+ *
+ * ```ts
+ * <fieldset {...toggleGroup()}>
+ *   <legend class="fs-sr-only">Visning</legend>
+ *   <label class={toggleGroup.option}>
+ *     <input type="radio" name="visning" value="liste" checked /> Liste
+ *   </label>
+ * </fieldset>
+ * ```
+ */
+export declare const toggleGroup: (() => ToggleGroupAttributes) & {
+    /** Klassen på ledeteksten rundt hvert alternativ. */
+    option: "fs-toggle-group__option";
+};
+//# sourceMappingURL=toggle-group.d.ts.map

package/dist/components/css/toggle-group/toggle-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../../src/components/css/toggle-group/toggle-group.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,EAAG,iBAA0B,CAAA;AAC5D,0CAA0C;AAC1C,eAAO,MAAM,yBAAyB,EAAG,yBAAkC,CAAA;AAE3E,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,OAAO,kBAAkB,CAAA;CACjC,CAAA;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,WAAW,SAClB,qBAAqB;IAEvB,qDAAqD;;CAGxD,CAAA"}

package/dist/components/css/toggle-group/toggle-group.js

@@ -0,0 +1,29 @@
+import { attributes } from "../shared.js";
+export const TOGGLE_GROUP_CLASS = "fs-toggle-group";
+/** Ledeteksten rundt hvert alternativ. */
+export const TOGGLE_GROUP_OPTION_CLASS = "fs-toggle-group__option";
+/**
+ * Attributtene for en gruppe der ett alternativ er valgt om gangen.
+ *
+ * Gruppen er radioknapper i forkledning. Hvert alternativ er en `<label>` med
+ * en `<input type="radio">` inni, krympet bort visuelt. Da beholder du
+ * piltastene, `FormData` og at skjermleseren sier «2 av 3» uten at noe av det
+ * må skrives på nytt.
+ *
+ * Er valgene handlinger framfor en innstilling, som «fet, kursiv,
+ * understreket», hører knapper med `aria-pressed` hjemme i stedet.
+ *
+ * ```ts
+ * <fieldset {...toggleGroup()}>
+ *   <legend class="fs-sr-only">Visning</legend>
+ *   <label class={toggleGroup.option}>
+ *     <input type="radio" name="visning" value="liste" checked /> Liste
+ *   </label>
+ * </fieldset>
+ * ```
+ */
+export const toggleGroup = Object.assign(() => attributes({ class: TOGGLE_GROUP_CLASS }), {
+    /** Klassen på ledeteksten rundt hvert alternativ. */
+    option: TOGGLE_GROUP_OPTION_CLASS,
+});
+//# sourceMappingURL=toggle-group.js.map

package/dist/components/css/toggle-group/toggle-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.js","sourceRoot":"","sources":["../../../../src/components/css/toggle-group/toggle-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,CAAC,MAAM,kBAAkB,GAAG,iBAA0B,CAAA;AAC5D,0CAA0C;AAC1C,MAAM,CAAC,MAAM,yBAAyB,GAAG,yBAAkC,CAAA;AAM3E;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CACtC,GAA0B,EAAE,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC,EACtE;IACE,qDAAqD;IACrD,MAAM,EAAE,yBAAyB;CAClC,CACF,CAAA"}

package/dist/components/css/tooltip/tooltip.d.ts

@@ -0,0 +1,30 @@
+export declare const TOOLTIP_CLASS: "fs-tooltip";
+/** Selve boblen med teksten. */
+export declare const TOOLTIP_BUBBLE_CLASS: "fs-tooltip__bubble";
+export type TooltipAttributes = {
+    class: typeof TOOLTIP_CLASS;
+};
+/**
+ * Attributtene for omslaget rundt en utløser og en hjelpeboble.
+ *
+ * Boblen vises på hover og på fokus. Fokusdelen er ikke valgfri: en boble som
+ * bare kommer med musa finnes ikke for den som bruker tastatur.
+ *
+ * Teksten i boblen må kobles til utløseren med `aria-describedby`. Uten den
+ * er boblen bare noe som dukker opp på skjermen, og leses aldri opp.
+ *
+ * Bruk den til et tillegg, aldri til noe brukeren må ha. På en berøringsskjerm
+ * finnes hverken hover eller fokus før noe trykkes.
+ *
+ * ```ts
+ * <span {...tooltip()}>
+ *   <button aria-describedby="hint">Arkiver</button>
+ *   <span class={tooltip.bubble} role="tooltip" id="hint">Flyttes til arkivet</span>
+ * </span>
+ * ```
+ */
+export declare const tooltip: (() => TooltipAttributes) & {
+    /** Klassen på boblen med teksten. */
+    bubble: "fs-tooltip__bubble";
+};
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/components/css/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/css/tooltip/tooltip.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,EAAG,YAAqB,CAAA;AAClD,gCAAgC;AAChC,eAAO,MAAM,oBAAoB,EAAG,oBAA6B,CAAA;AAEjE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,OAAO,SACd,iBAAiB;IAEnB,qCAAqC;;CAGxC,CAAA"}

package/dist/components/css/tooltip/tooltip.js

@@ -0,0 +1,28 @@
+import { attributes } from "../shared.js";
+export const TOOLTIP_CLASS = "fs-tooltip";
+/** Selve boblen med teksten. */
+export const TOOLTIP_BUBBLE_CLASS = "fs-tooltip__bubble";
+/**
+ * Attributtene for omslaget rundt en utløser og en hjelpeboble.
+ *
+ * Boblen vises på hover og på fokus. Fokusdelen er ikke valgfri: en boble som
+ * bare kommer med musa finnes ikke for den som bruker tastatur.
+ *
+ * Teksten i boblen må kobles til utløseren med `aria-describedby`. Uten den
+ * er boblen bare noe som dukker opp på skjermen, og leses aldri opp.
+ *
+ * Bruk den til et tillegg, aldri til noe brukeren må ha. På en berøringsskjerm
+ * finnes hverken hover eller fokus før noe trykkes.
+ *
+ * ```ts
+ * <span {...tooltip()}>
+ *   <button aria-describedby="hint">Arkiver</button>
+ *   <span class={tooltip.bubble} role="tooltip" id="hint">Flyttes til arkivet</span>
+ * </span>
+ * ```
+ */
+export const tooltip = Object.assign(() => attributes({ class: TOOLTIP_CLASS }), {
+    /** Klassen på boblen med teksten. */
+    bubble: TOOLTIP_BUBBLE_CLASS,
+});
+//# sourceMappingURL=tooltip.js.map

package/dist/components/css/tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../src/components/css/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,CAAC,MAAM,aAAa,GAAG,YAAqB,CAAA;AAClD,gCAAgC;AAChC,MAAM,CAAC,MAAM,oBAAoB,GAAG,oBAA6B,CAAA;AAMjE;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAClC,GAAsB,EAAE,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,EAC7D;IACE,qCAAqC;IACrC,MAAM,EAAE,oBAAoB;CAC7B,CACF,CAAA"}

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

@@ -0,0 +1,52 @@
+import { LitElement } from "lit";
+export declare const FS_CALENDAR_TAG: "fs-calendar";
+export declare class FsCalendar extends LitElement {
+    static properties: {
+        open: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        value: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        triggerHidden: {
+            type: BooleanConstructor;
+            reflect: boolean;
+            attribute: string;
+        };
+    };
+    static styles: import("lit").CSSResult;
+    /** @attr */
+    open: boolean;
+    /** @attr */
+    disabled: boolean;
+    /** @attr */
+    value: string;
+    /** @attr trigger-hidden */
+    triggerHidden: boolean;
+    private viewMonth;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    render(): import("lit").TemplateResult<1>;
+    openPopup(): void;
+    closePopup(): void;
+    private togglePopup;
+    private goToPreviousMonth;
+    private goToNextMonth;
+    private selectCalendarDate;
+    private handlePopupKeydown;
+    private handleDocumentClick;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "fs-calendar": FsCalendar;
+    }
+}
+export declare function defineFsCalendar(tagName?: "fs-calendar"): void;
+//# sourceMappingURL=fs-calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fs-calendar.d.ts","sourceRoot":"","sources":["../../../../src/components/frittstaende/calendar/fs-calendar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAA;AAE3C,eAAO,MAAM,eAAe,EAAG,aAAsB,CAAA;AAuHrD,qBAAa,UAAW,SAAQ,UAAU;IACxC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;MAShB;IAED,MAAM,CAAC,MAAM,0BAqKZ;IAED,YAAY;IACZ,IAAI,UAAQ;IACZ,YAAY;IACZ,QAAQ,UAAQ;IAChB,YAAY;IACZ,KAAK,SAAK;IACV,2BAA2B;IAC3B,aAAa,UAAQ;IAErB,OAAO,CAAC,SAAS,CAAa;IAE9B,iBAAiB;IAKjB,oBAAoB;IAKpB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAMrC,MAAM;IAgEN,SAAS;IAaT,UAAU;IAqBV,OAAO,CAAC,WAAW,CAMlB;IAED,OAAO,CAAC,iBAAiB,CAGxB;IAED,OAAO,CAAC,aAAa,CAGpB;IAED,OAAO,CAAC,kBAAkB,CAsBzB;IAED,OAAO,CAAC,kBAAkB,CAqCzB;IAED,OAAO,CAAC,mBAAmB,CAK1B;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF;AAED,wBAAgB,gBAAgB,CAAC,OAAO,gBAAkB,GAAG,IAAI,CAIhE"}