@fieldia/designer 0.0.0-stage → 0.12.0

package/src/lib/styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.mjs","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,iFAAiF;AACjF,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgpBrC,CAAC;AAEF,MAAM,QAAQ,GAAG,yBAAyB,CAAC;AAE3C,MAAM,UAAU,qBAAqB,CAAC,QAAkB;IACtD,IAAI,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC;QAAE,OAAO;IAC9C,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,GAAG,QAAQ,CAAC;IACpB,KAAK,CAAC,WAAW,GAAG,YAAY,GAAG,mBAAmB,GAAG,kBAAkB,GAAG,yBAAyB,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,mBAAmB,GAAG,oBAAoB,GAAG,gBAAgB,GAAG,oBAAoB,CAAC;IAClR,CAAC,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAC5D,CAAC"}

package/src/lib/survey-editor.d.mts

@@ -0,0 +1,42 @@
+import { type DataSource } from '@fieldia/core';
+import type { Skin } from '@fieldia/viewer';
+import { type WidgetFactory } from '@fieldia/widgets';
+import { kindOfField, type Designer } from './designer.mjs';
+import type { DesignerAssistant } from './assistant.mjs';
+import type { PageTemplate } from './templates.mjs';
+/**
+ * The survey editor, the Google Forms way: on a tinted page, a card heading
+ * the form with its title and description, then each page's card and its
+ * questions, each shown as people will see it — a text question as a dotted
+ * line saying what goes there. The question picked opens into a card to
+ * edit: its words in a filled box whose line grows from the middle, its kind
+ * from a menu with icons, its options typed in place, a Required switch, and
+ * ⋮ for its description, when it shows and moving it. Beside the card picked,
+ * a small bar adds a question or a page after it, following it down the page.
+ * A toolbox of the kinds a survey asks sits on the left; questions are
+ * dragged within and between pages; Try it shows the survey working as
+ * people will answer it. Plain DOM, so a framework binding is a thin shell
+ * around it, like the viewer's.
+ *
+ * Every card and page is keyed by id and patched in place, so typing in a
+ * label or an option keeps its focus while the page updates around it.
+ */
+export interface SurveyEditorOptions {
+    designer: Designer;
+    skin?: Skin;
+    /** The app's own data source: Try it takes the choices of the app's lists from it, and saves nothing through it. */
+    dataSource?: DataSource;
+    /** The app's own widgets, by `type` or `type.widget`: its kinds are drawn with them on the cards and in Try it. */
+    widgets?: Record<string, WidgetFactory>;
+    /** The app's own templates for a blank survey, after the designer's. */
+    templates?: readonly PageTemplate[];
+    /** The app's own assistant, in place of the designer's. Without one, nothing about it shows. */
+    assistant?: DesignerAssistant;
+}
+export interface SurveyEditorHandle {
+    element: HTMLElement;
+    destroy(): void;
+}
+/** The kind a question was made as. The same as the designer's `kindOfField`, under the name it had first. */
+export declare const kindOfQuestion: typeof kindOfField;
+export declare function mountSurveyEditor(host: HTMLElement, options: SurveyEditorOptions): SurveyEditorHandle;

package/src/lib/survey-editor.d.ts

@@ -0,0 +1,42 @@
+import { type DataSource } from '@fieldia/core';
+import type { Skin } from '@fieldia/viewer';
+import { type WidgetFactory } from '@fieldia/widgets';
+import { kindOfField, type Designer } from './designer';
+import type { DesignerAssistant } from './assistant';
+import type { PageTemplate } from './templates';
+/**
+ * The survey editor, the Google Forms way: on a tinted page, a card heading
+ * the form with its title and description, then each page's card and its
+ * questions, each shown as people will see it — a text question as a dotted
+ * line saying what goes there. The question picked opens into a card to
+ * edit: its words in a filled box whose line grows from the middle, its kind
+ * from a menu with icons, its options typed in place, a Required switch, and
+ * ⋮ for its description, when it shows and moving it. Beside the card picked,
+ * a small bar adds a question or a page after it, following it down the page.
+ * A toolbox of the kinds a survey asks sits on the left; questions are
+ * dragged within and between pages; Try it shows the survey working as
+ * people will answer it. Plain DOM, so a framework binding is a thin shell
+ * around it, like the viewer's.
+ *
+ * Every card and page is keyed by id and patched in place, so typing in a
+ * label or an option keeps its focus while the page updates around it.
+ */
+export interface SurveyEditorOptions {
+    designer: Designer;
+    skin?: Skin;
+    /** The app's own data source: Try it takes the choices of the app's lists from it, and saves nothing through it. */
+    dataSource?: DataSource;
+    /** The app's own widgets, by `type` or `type.widget`: its kinds are drawn with them on the cards and in Try it. */
+    widgets?: Record<string, WidgetFactory>;
+    /** The app's own templates for a blank survey, after the designer's. */
+    templates?: readonly PageTemplate[];
+    /** The app's own assistant, in place of the designer's. Without one, nothing about it shows. */
+    assistant?: DesignerAssistant;
+}
+export interface SurveyEditorHandle {
+    element: HTMLElement;
+    destroy(): void;
+}
+/** The kind a question was made as. The same as the designer's `kindOfField`, under the name it had first. */
+export declare const kindOfQuestion: typeof kindOfField;
+export declare function mountSurveyEditor(host: HTMLElement, options: SurveyEditorOptions): SurveyEditorHandle;