@fieldia/designer 0.0.0-stage → 0.11.0

package/src/lib/look-hub.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.reasonOf = void 0;
+exports.looksHub = looksHub;
+const look_store_1 = require("./look-store");
+/** The words of a store's error — its message, or the words it was — or '' when it gave none. */
+const reasonOf = (error) => (error instanceof Error ? error.message : typeof error === 'string' ? error : '').trim();
+exports.reasonOf = reasonOf;
+const byName = (looks) => [...looks].sort((a, b) => a.name.localeCompare(b.name, undefined, { numeric: true, sensitivity: 'base' }));
+const hubs = new WeakMap();
+function looksHub(store) {
+    const found = hubs.get(store);
+    if (found)
+        return found;
+    let looks = null;
+    let problem = null;
+    let listing = null;
+    /** What was changed while the store was listing: done again on what it answers, which may be from before. */
+    let since = null;
+    const views = new Set();
+    const tell = () => {
+        for (const view of [...views]) {
+            if (view.element.isConnected)
+                view.draw();
+            else
+                views.delete(view);
+        }
+    };
+    /** A change to the looks: made now, and again on a listing that answers later. */
+    const change = (edit) => {
+        looks = byName(edit(looks ?? []));
+        since?.push(edit);
+        tell();
+    };
+    const list = () => {
+        since = [];
+        listing = Promise.resolve()
+            .then(() => store.list())
+            .then((listed) => {
+            looks = byName((since ?? []).reduce((all, edit) => edit(all), (0, look_store_1.wellMadeLooks)(listed)));
+            problem = null;
+        }, (error) => {
+            problem = (0, exports.reasonOf)(error);
+        })
+            .then(() => {
+            since = null;
+            tell();
+        });
+    };
+    const hub = {
+        get looks() {
+            return looks;
+        },
+        get problem() {
+            return problem;
+        },
+        listen(view) {
+            views.add(view);
+        },
+        ensure() {
+            if (!listing)
+                list();
+        },
+        reload: list,
+        async save(look) {
+            await store.save(look);
+            const kept = { ...look, look: { ...look.look } };
+            change((all) => [...all.filter((l) => l.id !== look.id), kept]);
+        },
+        async remove(id) {
+            await store.remove(id);
+            change((all) => all.filter((l) => l.id !== id));
+        },
+    };
+    hubs.set(store, hub);
+    return hub;
+}
+//# sourceMappingURL=look-hub.js.map

package/src/lib/look-hub.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"look-hub.js","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/look-hub.ts"],"names":[],"mappings":";;;AAwCA,4BAiEC;AAxGD,6CAA6C;AAgC7C,iGAAiG;AAC1F,MAAM,QAAQ,GAAG,CAAC,KAAc,EAAU,EAAE,CAAC,CAAC,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;AAAhI,QAAA,QAAQ,YAAwH;AAE7I,MAAM,MAAM,GAAG,CAAC,KAA2B,EAAE,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;AAE3J,MAAM,IAAI,GAAG,IAAI,OAAO,EAAuB,CAAC;AAEhD,SAAgB,QAAQ,CAAC,KAAgB;IACvC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAC9B,IAAI,KAAK;QAAE,OAAO,KAAK,CAAC;IACxB,IAAI,KAAK,GAAuB,IAAI,CAAC;IACrC,IAAI,OAAO,GAAkB,IAAI,CAAC;IAClC,IAAI,OAAO,GAAyB,IAAI,CAAC;IACzC,6GAA6G;IAC7G,IAAI,KAAK,GAAmD,IAAI,CAAC;IACjE,MAAM,KAAK,GAAG,IAAI,GAAG,EAAY,CAAC;IAClC,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,KAAK,MAAM,IAAI,IAAI,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC;YAC9B,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW;gBAAE,IAAI,CAAC,IAAI,EAAE,CAAC;;gBACrC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,CAAC;IACF,kFAAkF;IAClF,MAAM,MAAM,GAAG,CAAC,IAAyC,EAAE,EAAE;QAC3D,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC;QAClC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAClB,IAAI,EAAE,CAAC;IACT,CAAC,CAAC;IACF,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,KAAK,GAAG,EAAE,CAAC;QACX,OAAO,GAAG,OAAO,CAAC,OAAO,EAAE;aACxB,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;aACxB,IAAI,CACH,CAAC,MAAM,EAAE,EAAE;YACT,KAAK,GAAG,MAAM,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAA,0BAAa,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YACtF,OAAO,GAAG,IAAI,CAAC;QACjB,CAAC,EACD,CAAC,KAAc,EAAE,EAAE;YACjB,OAAO,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;QAC5B,CAAC,CACF;aACA,IAAI,CAAC,GAAG,EAAE;YACT,KAAK,GAAG,IAAI,CAAC;YACb,IAAI,EAAE,CAAC;QACT,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IACF,MAAM,GAAG,GAAa;QACpB,IAAI,KAAK;YACP,OAAO,KAAK,CAAC;QACf,CAAC;QACD,IAAI,OAAO;YACT,OAAO,OAAO,CAAC;QACjB,CAAC;QACD,MAAM,CAAC,IAAI;YACT,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;QACD,MAAM;YACJ,IAAI,CAAC,OAAO;gBAAE,IAAI,EAAE,CAAC;QACvB,CAAC;QACD,MAAM,EAAE,IAAI;QACZ,KAAK,CAAC,IAAI,CAAC,IAAI;YACb,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACvB,MAAM,IAAI,GAAG,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;YACjD,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;QAClE,CAAC;QACD,KAAK,CAAC,MAAM,CAAC,EAAE;YACb,MAAM,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YACvB,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QAClD,CAAC;KACF,CAAC;IACF,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACrB,OAAO,GAAG,CAAC;AACb,CAAC"}

package/src/lib/look-hub.mjs

@@ -0,0 +1,73 @@
+import { wellMadeLooks } from './look-store.mjs';
+/** The words of a store's error — its message, or the words it was — or '' when it gave none. */
+export const reasonOf = (error) => (error instanceof Error ? error.message : typeof error === 'string' ? error : '').trim();
+const byName = (looks) => [...looks].sort((a, b) => a.name.localeCompare(b.name, undefined, { numeric: true, sensitivity: 'base' }));
+const hubs = new WeakMap();
+export function looksHub(store) {
+    const found = hubs.get(store);
+    if (found)
+        return found;
+    let looks = null;
+    let problem = null;
+    let listing = null;
+    /** What was changed while the store was listing: done again on what it answers, which may be from before. */
+    let since = null;
+    const views = new Set();
+    const tell = () => {
+        for (const view of [...views]) {
+            if (view.element.isConnected)
+                view.draw();
+            else
+                views.delete(view);
+        }
+    };
+    /** A change to the looks: made now, and again on a listing that answers later. */
+    const change = (edit) => {
+        looks = byName(edit(looks ?? []));
+        since?.push(edit);
+        tell();
+    };
+    const list = () => {
+        since = [];
+        listing = Promise.resolve()
+            .then(() => store.list())
+            .then((listed) => {
+            looks = byName((since ?? []).reduce((all, edit) => edit(all), wellMadeLooks(listed)));
+            problem = null;
+        }, (error) => {
+            problem = reasonOf(error);
+        })
+            .then(() => {
+            since = null;
+            tell();
+        });
+    };
+    const hub = {
+        get looks() {
+            return looks;
+        },
+        get problem() {
+            return problem;
+        },
+        listen(view) {
+            views.add(view);
+        },
+        ensure() {
+            if (!listing)
+                list();
+        },
+        reload: list,
+        async save(look) {
+            await store.save(look);
+            const kept = { ...look, look: { ...look.look } };
+            change((all) => [...all.filter((l) => l.id !== look.id), kept]);
+        },
+        async remove(id) {
+            await store.remove(id);
+            change((all) => all.filter((l) => l.id !== id));
+        },
+    };
+    hubs.set(store, hub);
+    return hub;
+}
+//# sourceMappingURL=look-hub.mjs.map

package/src/lib/look-hub.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"look-hub.mjs","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/look-hub.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAgC7C,iGAAiG;AACjG,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAc,EAAU,EAAE,CAAC,CAAC,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;AAE7I,MAAM,MAAM,GAAG,CAAC,KAA2B,EAAE,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;AAE3J,MAAM,IAAI,GAAG,IAAI,OAAO,EAAuB,CAAC;AAEhD,MAAM,UAAU,QAAQ,CAAC,KAAgB;IACvC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAC9B,IAAI,KAAK;QAAE,OAAO,KAAK,CAAC;IACxB,IAAI,KAAK,GAAuB,IAAI,CAAC;IACrC,IAAI,OAAO,GAAkB,IAAI,CAAC;IAClC,IAAI,OAAO,GAAyB,IAAI,CAAC;IACzC,6GAA6G;IAC7G,IAAI,KAAK,GAAmD,IAAI,CAAC;IACjE,MAAM,KAAK,GAAG,IAAI,GAAG,EAAY,CAAC;IAClC,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,KAAK,MAAM,IAAI,IAAI,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC;YAC9B,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW;gBAAE,IAAI,CAAC,IAAI,EAAE,CAAC;;gBACrC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,CAAC;IACF,kFAAkF;IAClF,MAAM,MAAM,GAAG,CAAC,IAAyC,EAAE,EAAE;QAC3D,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC;QAClC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAClB,IAAI,EAAE,CAAC;IACT,CAAC,CAAC;IACF,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,KAAK,GAAG,EAAE,CAAC;QACX,OAAO,GAAG,OAAO,CAAC,OAAO,EAAE;aACxB,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;aACxB,IAAI,CACH,CAAC,MAAM,EAAE,EAAE;YACT,KAAK,GAAG,MAAM,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YACtF,OAAO,GAAG,IAAI,CAAC;QACjB,CAAC,EACD,CAAC,KAAc,EAAE,EAAE;YACjB,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC,CACF;aACA,IAAI,CAAC,GAAG,EAAE;YACT,KAAK,GAAG,IAAI,CAAC;YACb,IAAI,EAAE,CAAC;QACT,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IACF,MAAM,GAAG,GAAa;QACpB,IAAI,KAAK;YACP,OAAO,KAAK,CAAC;QACf,CAAC;QACD,IAAI,OAAO;YACT,OAAO,OAAO,CAAC;QACjB,CAAC;QACD,MAAM,CAAC,IAAI;YACT,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;QACD,MAAM;YACJ,IAAI,CAAC,OAAO;gBAAE,IAAI,EAAE,CAAC;QACvB,CAAC;QACD,MAAM,EAAE,IAAI;QACZ,KAAK,CAAC,IAAI,CAAC,IAAI;YACb,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACvB,MAAM,IAAI,GAAG,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;YACjD,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;QAClE,CAAC;QACD,KAAK,CAAC,MAAM,CAAC,EAAE;YACb,MAAM,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YACvB,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QAClD,CAAC;KACF,CAAC;IACF,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACrB,OAAO,GAAG,CAAC;AACb,CAAC"}

package/src/lib/look-parts-words.d.mts

@@ -0,0 +1,15 @@
+import type { PartLook, PartLookKind } from '@fieldia/core';
+import type { DesignerWords } from './designer-words.mjs';
+/**
+ * The words a person sets each kind of part's look by: the kinds as they
+ * think of them, and each setting by what it draws on that kind — a table's
+ * background is its heading row, a button's accent its colour. In the
+ * designer's words (`words.partLooks`); these are the English ones.
+ */
+export declare const KIND_WORDS: Record<PartLookKind, string>;
+/** What each kind covers, under its settings. */
+export declare const KIND_HINTS: Record<PartLookKind, string>;
+/** A setting's name, as it is on that kind of part. */
+export declare const settingWords: (kind: PartLookKind, setting: keyof PartLook, words?: DesignerWords) => string;
+/** The words of a setting's values: a colour as written, a choice in words. */
+export declare const VALUE_WORDS: Record<string, string>;

package/src/lib/look-parts-words.d.ts

@@ -0,0 +1,15 @@
+import type { PartLook, PartLookKind } from '@fieldia/core';
+import type { DesignerWords } from './designer-words';
+/**
+ * The words a person sets each kind of part's look by: the kinds as they
+ * think of them, and each setting by what it draws on that kind — a table's
+ * background is its heading row, a button's accent its colour. In the
+ * designer's words (`words.partLooks`); these are the English ones.
+ */
+export declare const KIND_WORDS: Record<PartLookKind, string>;
+/** What each kind covers, under its settings. */
+export declare const KIND_HINTS: Record<PartLookKind, string>;
+/** A setting's name, as it is on that kind of part. */
+export declare const settingWords: (kind: PartLookKind, setting: keyof PartLook, words?: DesignerWords) => string;
+/** The words of a setting's values: a colour as written, a choice in words. */
+export declare const VALUE_WORDS: Record<string, string>;

package/src/lib/look-parts-words.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VALUE_WORDS = exports.settingWords = exports.KIND_HINTS = exports.KIND_WORDS = void 0;
+const en_1 = require("./locales/en");
+/**
+ * The words a person sets each kind of part's look by: the kinds as they
+ * think of them, and each setting by what it draws on that kind — a table's
+ * background is its heading row, a button's accent its colour. In the
+ * designer's words (`words.partLooks`); these are the English ones.
+ */
+exports.KIND_WORDS = en_1.en.partLooks.kinds;
+/** What each kind covers, under its settings. */
+exports.KIND_HINTS = en_1.en.partLooks.hints;
+/** A setting's name, as it is on that kind of part. */
+const settingWords = (kind, setting, words = en_1.en) => words.partLooks.own[kind]?.[setting] ?? words.partLooks.settings[setting];
+exports.settingWords = settingWords;
+/** The words of a setting's values: a colour as written, a choice in words. */
+exports.VALUE_WORDS = en_1.en.partLooks.values;
+//# sourceMappingURL=look-parts-words.js.map

package/src/lib/look-parts-words.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"look-parts-words.js","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/look-parts-words.ts"],"names":[],"mappings":";;;AAEA,qCAAkC;AAElC;;;;;GAKG;AAEU,QAAA,UAAU,GAAiC,OAAE,CAAC,SAAS,CAAC,KAAK,CAAC;AAE3E,iDAAiD;AACpC,QAAA,UAAU,GAAiC,OAAE,CAAC,SAAS,CAAC,KAAK,CAAC;AAE3E,uDAAuD;AAChD,MAAM,YAAY,GAAG,CAAC,IAAkB,EAAE,OAAuB,EAAE,QAAuB,OAAE,EAAU,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AAA7K,QAAA,YAAY,gBAAiK;AAE1L,+EAA+E;AAClE,QAAA,WAAW,GAA2B,OAAE,CAAC,SAAS,CAAC,MAAM,CAAC"}

package/src/lib/look-parts-words.mjs

@@ -0,0 +1,15 @@
+import { en } from './locales/en/index.mjs';
+/**
+ * The words a person sets each kind of part's look by: the kinds as they
+ * think of them, and each setting by what it draws on that kind — a table's
+ * background is its heading row, a button's accent its colour. In the
+ * designer's words (`words.partLooks`); these are the English ones.
+ */
+export const KIND_WORDS = en.partLooks.kinds;
+/** What each kind covers, under its settings. */
+export const KIND_HINTS = en.partLooks.hints;
+/** A setting's name, as it is on that kind of part. */
+export const settingWords = (kind, setting, words = en) => words.partLooks.own[kind]?.[setting] ?? words.partLooks.settings[setting];
+/** The words of a setting's values: a colour as written, a choice in words. */
+export const VALUE_WORDS = en.partLooks.values;
+//# sourceMappingURL=look-parts-words.mjs.map

package/src/lib/look-parts-words.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"look-parts-words.mjs","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/look-parts-words.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC;;;;;GAKG;AAEH,MAAM,CAAC,MAAM,UAAU,GAAiC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC;AAE3E,iDAAiD;AACjD,MAAM,CAAC,MAAM,UAAU,GAAiC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC;AAE3E,uDAAuD;AACvD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAkB,EAAE,OAAuB,EAAE,QAAuB,EAAE,EAAU,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AAE1L,+EAA+E;AAC/E,MAAM,CAAC,MAAM,WAAW,GAA2B,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC"}

package/src/lib/look-presets.d.mts

@@ -0,0 +1,38 @@
+import { type PageLook } from '@fieldia/core';
+import type { LookPatch } from './layout-settings.mjs';
+/**
+ * Looks to start from, as SurveyJS and Vueform name their themes: each a
+ * whole set of the page's look — accent, font, spacing, corners, light or
+ * dark — and never where labels sit, which is the layout's. Every accent
+ * reads on a light page and, as the viewer lightens it, on a dark one.
+ */
+/** What a preset sets, and what a look is matched on. */
+export declare const PRESET_KEYS: readonly ["accent", "font", "density", "corners", "scheme"];
+/**
+ * What a whole look holds — a look of one's own, or one put on the page: the
+ * values a preset sets, and each kind of part's own look, which is look too,
+ * as a SurveyJS theme carries its components'. Where labels sit, and how wide
+ * beside their boxes, is the layout's, so no look carries it.
+ */
+export declare const LOOK_KEYS: readonly ["accent", "font", "density", "corners", "scheme", "parts"];
+/** A whole look: any of its values left to the skin, and any kind of part to the page. */
+export type LookValues = Pick<PageLook, (typeof LOOK_KEYS)[number]>;
+export interface LookPreset {
+    id: string;
+    name: string;
+    /** The five values it sets; it gives each kind of part back to the page. */
+    look: Required<Pick<PageLook, (typeof PRESET_KEYS)[number]>>;
+}
+export declare const LOOK_PRESETS: readonly LookPreset[];
+/** Two looks are the same by the values a preset sets, value for value (the accent in either case), and each kind of part's; one unset matches only unset. */
+export declare function sameLook(a: PageLook | undefined, b: PageLook | undefined): boolean;
+/** The preset a look is; null when it is none of them. */
+export declare function presetOf(look: PageLook | undefined): LookPreset | null;
+/** The look of one's own a look is, among those kept; null when it is none of them. */
+export declare function savedLookOf<T extends {
+    look: LookValues;
+}>(look: PageLook | undefined, kept: readonly T[]): T | null;
+/** Only the values a look holds: what a preset sets and each kind of part's, and nothing of where labels sit. */
+export declare function lookValuesOf(look: PageLook | undefined): LookValues;
+/** A whole look as a change to the page: each value it holds, and each it leaves unset given back to the skin; each kind of part it has none for, to the page. */
+export declare function wholeLook(look: LookValues): LookPatch;

package/src/lib/look-presets.d.ts

@@ -0,0 +1,38 @@
+import { type PageLook } from '@fieldia/core';
+import type { LookPatch } from './layout-settings';
+/**
+ * Looks to start from, as SurveyJS and Vueform name their themes: each a
+ * whole set of the page's look — accent, font, spacing, corners, light or
+ * dark — and never where labels sit, which is the layout's. Every accent
+ * reads on a light page and, as the viewer lightens it, on a dark one.
+ */
+/** What a preset sets, and what a look is matched on. */
+export declare const PRESET_KEYS: readonly ["accent", "font", "density", "corners", "scheme"];
+/**
+ * What a whole look holds — a look of one's own, or one put on the page: the
+ * values a preset sets, and each kind of part's own look, which is look too,
+ * as a SurveyJS theme carries its components'. Where labels sit, and how wide
+ * beside their boxes, is the layout's, so no look carries it.
+ */
+export declare const LOOK_KEYS: readonly ["accent", "font", "density", "corners", "scheme", "parts"];
+/** A whole look: any of its values left to the skin, and any kind of part to the page. */
+export type LookValues = Pick<PageLook, (typeof LOOK_KEYS)[number]>;
+export interface LookPreset {
+    id: string;
+    name: string;
+    /** The five values it sets; it gives each kind of part back to the page. */
+    look: Required<Pick<PageLook, (typeof PRESET_KEYS)[number]>>;
+}
+export declare const LOOK_PRESETS: readonly LookPreset[];
+/** Two looks are the same by the values a preset sets, value for value (the accent in either case), and each kind of part's; one unset matches only unset. */
+export declare function sameLook(a: PageLook | undefined, b: PageLook | undefined): boolean;
+/** The preset a look is; null when it is none of them. */
+export declare function presetOf(look: PageLook | undefined): LookPreset | null;
+/** The look of one's own a look is, among those kept; null when it is none of them. */
+export declare function savedLookOf<T extends {
+    look: LookValues;
+}>(look: PageLook | undefined, kept: readonly T[]): T | null;
+/** Only the values a look holds: what a preset sets and each kind of part's, and nothing of where labels sit. */
+export declare function lookValuesOf(look: PageLook | undefined): LookValues;
+/** A whole look as a change to the page: each value it holds, and each it leaves unset given back to the skin; each kind of part it has none for, to the page. */
+export declare function wholeLook(look: LookValues): LookPatch;

package/src/lib/look-presets.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LOOK_PRESETS = exports.LOOK_KEYS = exports.PRESET_KEYS = void 0;
+exports.sameLook = sameLook;
+exports.presetOf = presetOf;
+exports.savedLookOf = savedLookOf;
+exports.lookValuesOf = lookValuesOf;
+exports.wholeLook = wholeLook;
+const core_1 = require("@fieldia/core");
+/**
+ * Looks to start from, as SurveyJS and Vueform name their themes: each a
+ * whole set of the page's look — accent, font, spacing, corners, light or
+ * dark — and never where labels sit, which is the layout's. Every accent
+ * reads on a light page and, as the viewer lightens it, on a dark one.
+ */
+/** What a preset sets, and what a look is matched on. */
+exports.PRESET_KEYS = ['accent', 'font', 'density', 'corners', 'scheme'];
+/**
+ * What a whole look holds — a look of one's own, or one put on the page: the
+ * values a preset sets, and each kind of part's own look, which is look too,
+ * as a SurveyJS theme carries its components'. Where labels sit, and how wide
+ * beside their boxes, is the layout's, so no look carries it.
+ */
+exports.LOOK_KEYS = [...exports.PRESET_KEYS, 'parts'];
+exports.LOOK_PRESETS = [
+    { id: 'fieldia', name: 'Fieldia', look: { accent: '#2b5fd9', font: 'system', density: 'comfortable', corners: 'soft', scheme: 'light' } },
+    { id: 'calm', name: 'Calm', look: { accent: '#0f766e', font: 'serif', density: 'roomy', corners: 'soft', scheme: 'light' } },
+    { id: 'compact', name: 'Compact', look: { accent: '#002855', font: 'system', density: 'compact', corners: 'square', scheme: 'light' } },
+    { id: 'rounded', name: 'Rounded', look: { accent: '#6941c6', font: 'rounded', density: 'comfortable', corners: 'round', scheme: 'light' } },
+    { id: 'night', name: 'Night', look: { accent: '#4f46e5', font: 'system', density: 'comfortable', corners: 'soft', scheme: 'dark' } },
+];
+/** Each kind of part's look, in one order and colours in one case, to compare: none set reads as none. */
+function partsKey(look) {
+    const parts = (look?.parts ?? {});
+    return JSON.stringify(Object.entries(core_1.PART_LOOKS).map(([kind, settings]) => settings.map((name) => parts[kind]?.[name]?.toLowerCase() ?? null)));
+}
+/** Two looks are the same by the values a preset sets, value for value (the accent in either case), and each kind of part's; one unset matches only unset. */
+function sameLook(a, b) {
+    return exports.PRESET_KEYS.every((key) => (key === 'accent' ? a?.accent?.toLowerCase() === b?.accent?.toLowerCase() : a?.[key] === b?.[key])) && partsKey(a) === partsKey(b);
+}
+/** The preset a look is; null when it is none of them. */
+function presetOf(look) {
+    return exports.LOOK_PRESETS.find((preset) => sameLook(look, preset.look)) ?? null;
+}
+/** The look of one's own a look is, among those kept; null when it is none of them. */
+function savedLookOf(look, kept) {
+    return kept.find((saved) => sameLook(look, saved.look)) ?? null;
+}
+/** Only the values a look holds: what a preset sets and each kind of part's, and nothing of where labels sit. */
+function lookValuesOf(look) {
+    const values = {};
+    for (const key of exports.LOOK_KEYS)
+        if (look?.[key] !== undefined)
+            values[key] = key === 'parts' ? JSON.parse(JSON.stringify(look.parts)) : look[key];
+    return values;
+}
+/** A whole look as a change to the page: each value it holds, and each it leaves unset given back to the skin; each kind of part it has none for, to the page. */
+function wholeLook(look) {
+    return Object.fromEntries(exports.LOOK_KEYS.map((key) => [key, (key === 'parts' && !Object.keys(look.parts ?? {}).length ? null : look[key]) ?? null]));
+}
+//# sourceMappingURL=look-presets.js.map

package/src/lib/look-presets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"look-presets.js","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/look-presets.ts"],"names":[],"mappings":"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"}

package/src/lib/look-presets.mjs

@@ -0,0 +1,53 @@
+import { PART_LOOKS } from '@fieldia/core';
+/**
+ * Looks to start from, as SurveyJS and Vueform name their themes: each a
+ * whole set of the page's look — accent, font, spacing, corners, light or
+ * dark — and never where labels sit, which is the layout's. Every accent
+ * reads on a light page and, as the viewer lightens it, on a dark one.
+ */
+/** What a preset sets, and what a look is matched on. */
+export const PRESET_KEYS = ['accent', 'font', 'density', 'corners', 'scheme'];
+/**
+ * What a whole look holds — a look of one's own, or one put on the page: the
+ * values a preset sets, and each kind of part's own look, which is look too,
+ * as a SurveyJS theme carries its components'. Where labels sit, and how wide
+ * beside their boxes, is the layout's, so no look carries it.
+ */
+export const LOOK_KEYS = [...PRESET_KEYS, 'parts'];
+export const LOOK_PRESETS = [
+    { id: 'fieldia', name: 'Fieldia', look: { accent: '#2b5fd9', font: 'system', density: 'comfortable', corners: 'soft', scheme: 'light' } },
+    { id: 'calm', name: 'Calm', look: { accent: '#0f766e', font: 'serif', density: 'roomy', corners: 'soft', scheme: 'light' } },
+    { id: 'compact', name: 'Compact', look: { accent: '#002855', font: 'system', density: 'compact', corners: 'square', scheme: 'light' } },
+    { id: 'rounded', name: 'Rounded', look: { accent: '#6941c6', font: 'rounded', density: 'comfortable', corners: 'round', scheme: 'light' } },
+    { id: 'night', name: 'Night', look: { accent: '#4f46e5', font: 'system', density: 'comfortable', corners: 'soft', scheme: 'dark' } },
+];
+/** Each kind of part's look, in one order and colours in one case, to compare: none set reads as none. */
+function partsKey(look) {
+    const parts = (look?.parts ?? {});
+    return JSON.stringify(Object.entries(PART_LOOKS).map(([kind, settings]) => settings.map((name) => parts[kind]?.[name]?.toLowerCase() ?? null)));
+}
+/** Two looks are the same by the values a preset sets, value for value (the accent in either case), and each kind of part's; one unset matches only unset. */
+export function sameLook(a, b) {
+    return PRESET_KEYS.every((key) => (key === 'accent' ? a?.accent?.toLowerCase() === b?.accent?.toLowerCase() : a?.[key] === b?.[key])) && partsKey(a) === partsKey(b);
+}
+/** The preset a look is; null when it is none of them. */
+export function presetOf(look) {
+    return LOOK_PRESETS.find((preset) => sameLook(look, preset.look)) ?? null;
+}
+/** The look of one's own a look is, among those kept; null when it is none of them. */
+export function savedLookOf(look, kept) {
+    return kept.find((saved) => sameLook(look, saved.look)) ?? null;
+}
+/** Only the values a look holds: what a preset sets and each kind of part's, and nothing of where labels sit. */
+export function lookValuesOf(look) {
+    const values = {};
+    for (const key of LOOK_KEYS)
+        if (look?.[key] !== undefined)
+            values[key] = key === 'parts' ? JSON.parse(JSON.stringify(look.parts)) : look[key];
+    return values;
+}
+/** A whole look as a change to the page: each value it holds, and each it leaves unset given back to the skin; each kind of part it has none for, to the page. */
+export function wholeLook(look) {
+    return Object.fromEntries(LOOK_KEYS.map((key) => [key, (key === 'parts' && !Object.keys(look.parts ?? {}).length ? null : look[key]) ?? null]));
+}
+//# sourceMappingURL=look-presets.mjs.map

package/src/lib/look-presets.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"look-presets.mjs","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/look-presets.ts"],"names":[],"mappings":"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"}

package/src/lib/look-row.d.mts

@@ -0,0 +1,22 @@
+import type { Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome.mjs';
+import type { Designer, SavedLook } from './designer.mjs';
+import type { DesignerWords } from './designer-words.mjs';
+/**
+ * Looks to start from, a tile each — Fieldia's presets, then “Your looks”:
+ * its words in its font and accent, on its scheme's surface. The ones the
+ * page wears are pressed; a look that is none of them is "Your own", and one
+ * with none of their settings is the skin's. A look of one's own is saved by
+ * a name typed on the page, put on as a preset is, and renamed or removed
+ * from a small menu on its tile — removed with Undo at hand, not asked
+ * about first, as an answer rule is: it is put back as easily as it went.
+ */
+/** A look's name is this long at most: it is shown on a tile a third of the panel wide. */
+export declare const NAME_MOST = 40;
+/** Why a name cannot be a look's, or null when it can: trimmed, it is not empty, not too long, and no other look's, in any case. */
+export declare function nameRefusal(name: string, kept: readonly SavedLook[], self?: string, words?: DesignerWords): string | null;
+export interface LookRow {
+    rows: HTMLElement[];
+    update(page: Page): void;
+}
+export declare function lookRow(el: ElementFactory, designer: Designer): LookRow;

package/src/lib/look-row.d.ts

@@ -0,0 +1,22 @@
+import type { Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome';
+import type { Designer, SavedLook } from './designer';
+import type { DesignerWords } from './designer-words';
+/**
+ * Looks to start from, a tile each — Fieldia's presets, then “Your looks”:
+ * its words in its font and accent, on its scheme's surface. The ones the
+ * page wears are pressed; a look that is none of them is "Your own", and one
+ * with none of their settings is the skin's. A look of one's own is saved by
+ * a name typed on the page, put on as a preset is, and renamed or removed
+ * from a small menu on its tile — removed with Undo at hand, not asked
+ * about first, as an answer rule is: it is put back as easily as it went.
+ */
+/** A look's name is this long at most: it is shown on a tile a third of the panel wide. */
+export declare const NAME_MOST = 40;
+/** Why a name cannot be a look's, or null when it can: trimmed, it is not empty, not too long, and no other look's, in any case. */
+export declare function nameRefusal(name: string, kept: readonly SavedLook[], self?: string, words?: DesignerWords): string | null;
+export interface LookRow {
+    rows: HTMLElement[];
+    update(page: Page): void;
+}
+export declare function lookRow(el: ElementFactory, designer: Designer): LookRow;