@gxp-dev/mod-ui 2.0.0

package/dist/stores/quizBuilderStore.d.ts

@@ -0,0 +1,93 @@
+export type QuizQuestionType = "single-choice" | "multi-choice" | "free-text";
+export interface QuizOption {
+    id: string;
+    label: string;
+    value: string | number;
+    correct?: boolean;
+    score?: number;
+}
+export interface QuizQuestion {
+    id: string;
+    prompt: string;
+    type: QuizQuestionType;
+    options: QuizOption[];
+    helpText?: string;
+    required?: boolean;
+}
+export interface QuizBuilderSchema {
+    title?: string;
+    description?: string;
+    questions: QuizQuestion[];
+    passingScore?: number;
+}
+/** Identifies which question is currently selected. */
+export interface QuizBuilderSelection {
+    id: string | null;
+}
+/** Test helper to make ids deterministic. */
+export declare function __resetQuizBuilderIdCounter(): void;
+export declare const useQuizBuilderStore: import('pinia').StoreDefinition<"gxp-adminkit/quizBuilder", Pick<{
+    builders: import('vue').Ref<Record<string, QuizBuilderSchema>, Record<string, QuizBuilderSchema>>;
+    selections: import('vue').Ref<Record<string, QuizBuilderSelection>, Record<string, QuizBuilderSelection>>;
+    ensureBuilder: (builderId: string) => QuizBuilderSchema;
+    loadSchema: (builderId: string, schema: QuizBuilderSchema) => void;
+    resetBuilder: (builderId: string) => void;
+    addQuestion: (builderId: string, type: QuizQuestionType) => string;
+    removeQuestion: (builderId: string, questionId: string) => void;
+    updateQuestion: (builderId: string, questionId: string, patch: Partial<Omit<QuizQuestion, "id">>) => void;
+    addOption: (builderId: string, questionId: string) => string;
+    removeOption: (builderId: string, questionId: string, optionId: string) => void;
+    updateOption: (builderId: string, questionId: string, optionId: string, patch: Partial<Omit<QuizOption, "id">>) => void;
+    updateMeta: (builderId: string, patch: Partial<Pick<QuizBuilderSchema, "title" | "description" | "passingScore">>) => void;
+    select: (builderId: string, id: string | null) => void;
+    getSelection: (builderId: string) => QuizBuilderSelection;
+    getSchema: (builderId: string) => QuizBuilderSchema;
+}, "builders" | "selections">, Pick<{
+    builders: import('vue').Ref<Record<string, QuizBuilderSchema>, Record<string, QuizBuilderSchema>>;
+    selections: import('vue').Ref<Record<string, QuizBuilderSelection>, Record<string, QuizBuilderSelection>>;
+    ensureBuilder: (builderId: string) => QuizBuilderSchema;
+    loadSchema: (builderId: string, schema: QuizBuilderSchema) => void;
+    resetBuilder: (builderId: string) => void;
+    addQuestion: (builderId: string, type: QuizQuestionType) => string;
+    removeQuestion: (builderId: string, questionId: string) => void;
+    updateQuestion: (builderId: string, questionId: string, patch: Partial<Omit<QuizQuestion, "id">>) => void;
+    addOption: (builderId: string, questionId: string) => string;
+    removeOption: (builderId: string, questionId: string, optionId: string) => void;
+    updateOption: (builderId: string, questionId: string, optionId: string, patch: Partial<Omit<QuizOption, "id">>) => void;
+    updateMeta: (builderId: string, patch: Partial<Pick<QuizBuilderSchema, "title" | "description" | "passingScore">>) => void;
+    select: (builderId: string, id: string | null) => void;
+    getSelection: (builderId: string) => QuizBuilderSelection;
+    getSchema: (builderId: string) => QuizBuilderSchema;
+}, never>, Pick<{
+    builders: import('vue').Ref<Record<string, QuizBuilderSchema>, Record<string, QuizBuilderSchema>>;
+    selections: import('vue').Ref<Record<string, QuizBuilderSelection>, Record<string, QuizBuilderSelection>>;
+    ensureBuilder: (builderId: string) => QuizBuilderSchema;
+    loadSchema: (builderId: string, schema: QuizBuilderSchema) => void;
+    resetBuilder: (builderId: string) => void;
+    addQuestion: (builderId: string, type: QuizQuestionType) => string;
+    removeQuestion: (builderId: string, questionId: string) => void;
+    updateQuestion: (builderId: string, questionId: string, patch: Partial<Omit<QuizQuestion, "id">>) => void;
+    addOption: (builderId: string, questionId: string) => string;
+    removeOption: (builderId: string, questionId: string, optionId: string) => void;
+    updateOption: (builderId: string, questionId: string, optionId: string, patch: Partial<Omit<QuizOption, "id">>) => void;
+    updateMeta: (builderId: string, patch: Partial<Pick<QuizBuilderSchema, "title" | "description" | "passingScore">>) => void;
+    select: (builderId: string, id: string | null) => void;
+    getSelection: (builderId: string) => QuizBuilderSelection;
+    getSchema: (builderId: string) => QuizBuilderSchema;
+}, "select" | "ensureBuilder" | "loadSchema" | "resetBuilder" | "getSelection" | "getSchema" | "addQuestion" | "removeQuestion" | "updateQuestion" | "addOption" | "removeOption" | "updateOption" | "updateMeta">>;
+/** Composable wrapping store access for a single builder instance. */
+export declare function useQuizBuilder(builderId: string): {
+    schema: import('vue').ComputedRef<QuizBuilderSchema>;
+    selection: import('vue').ComputedRef<QuizBuilderSelection>;
+    addQuestion: (type: QuizQuestionType) => string;
+    removeQuestion: (id: string) => void;
+    updateQuestion: (id: string, patch: Partial<Omit<QuizQuestion, "id">>) => void;
+    addOption: (questionId: string) => string;
+    removeOption: (questionId: string, optionId: string) => void;
+    updateOption: (questionId: string, optionId: string, patch: Partial<Omit<QuizOption, "id">>) => void;
+    updateMeta: (patch: Partial<Pick<QuizBuilderSchema, "title" | "description" | "passingScore">>) => void;
+    select: (id: string | null) => void;
+    loadSchema: (schema: QuizBuilderSchema) => void;
+    reset: () => void;
+};
+//# sourceMappingURL=quizBuilderStore.d.ts.map

package/dist/stores/quizBuilderStore.d.ts.map

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

package/dist/stores/quizBuilderStore.js

@@ -0,0 +1,177 @@
+import { defineStore as _ } from "pinia";
+import { ref as O, computed as g } from "vue";
+let x = 0;
+function v(s) {
+  return x += 1, `${s}-${Date.now()}-${x}`;
+}
+function N() {
+  x = 0;
+}
+function w() {
+  return {
+    title: "",
+    description: "",
+    questions: [],
+    passingScore: 0
+  };
+}
+const S = {
+  "single-choice": [
+    { label: "Option A", value: "a" },
+    { label: "Option B", value: "b" }
+  ],
+  "multi-choice": [
+    { label: "Option A", value: "a" },
+    { label: "Option B", value: "b" }
+  ]
+}, E = _(
+  "gxp-adminkit/quizBuilder",
+  () => {
+    const s = O({}), u = O({});
+    function n(e) {
+      return s.value[e] || (s.value[e] = w(), u.value[e] = { id: null }), s.value[e];
+    }
+    function d(e, o) {
+      s.value[e] = {
+        title: o.title ?? "",
+        description: o.description ?? "",
+        passingScore: o.passingScore ?? 0,
+        questions: o.questions.map((t) => ({
+          ...t,
+          options: t.options.map((i) => ({ ...i }))
+        }))
+      }, u.value[e] = { id: null };
+    }
+    function q(e) {
+      delete s.value[e], delete u.value[e];
+    }
+    function h(e, o) {
+      const t = n(e), i = v(`q-${o}`), c = o === "free-text" ? [] : S[o].map((a) => ({
+        id: v("opt"),
+        label: a.label,
+        value: a.value
+      })), r = {
+        id: i,
+        prompt: `New ${o} question`,
+        type: o,
+        options: c,
+        required: !1
+      };
+      return t.questions = [...t.questions, r], i;
+    }
+    function Q(e, o) {
+      const t = n(e);
+      t.questions = t.questions.filter((c) => c.id !== o);
+      const i = u.value[e];
+      (i == null ? void 0 : i.id) === o && (u.value[e] = { id: null });
+    }
+    function B(e, o, t) {
+      const i = n(e), c = i.questions.findIndex((m) => m.id === o);
+      if (c < 0)
+        return;
+      const r = i.questions[c];
+      let a = r.options;
+      t.type && t.type !== r.type && (t.type === "free-text" ? a = [] : (t.type === "single-choice" || t.type === "multi-choice") && r.options.length === 0 && (a = S[t.type].map((m) => ({
+        id: v("opt"),
+        label: m.label,
+        value: m.value
+      }))));
+      const l = {
+        ...r,
+        ...t,
+        options: t.options ?? a
+      }, p = [...i.questions];
+      p[c] = l, i.questions = p;
+    }
+    function $(e, o) {
+      const t = n(e), i = t.questions.findIndex((p) => p.id === o);
+      if (i < 0)
+        return "";
+      const c = t.questions[i], r = v("opt"), a = {
+        id: r,
+        label: `Option ${String.fromCharCode(65 + c.options.length)}`,
+        value: ""
+      }, l = [...t.questions];
+      return l[i] = { ...c, options: [...c.options, a] }, t.questions = l, r;
+    }
+    function y(e, o, t) {
+      const i = n(e), c = i.questions.findIndex((l) => l.id === o);
+      if (c < 0)
+        return;
+      const r = i.questions[c], a = [...i.questions];
+      a[c] = {
+        ...r,
+        options: r.options.filter((l) => l.id !== t)
+      }, i.questions = a;
+    }
+    function z(e, o, t, i) {
+      const c = n(e), r = c.questions.findIndex((f) => f.id === o);
+      if (r < 0)
+        return;
+      const a = c.questions[r], l = a.options.findIndex((f) => f.id === t);
+      if (l < 0)
+        return;
+      const p = [...a.options];
+      if (p[l] = { ...p[l], ...i }, i.correct === !0 && a.type === "single-choice")
+        for (let f = 0; f < p.length; f++)
+          f !== l && (p[f] = { ...p[f], correct: !1 });
+      const m = [...c.questions];
+      m[r] = { ...a, options: p }, c.questions = m;
+    }
+    function A(e, o) {
+      const t = n(e);
+      s.value[e] = { ...t, ...o };
+    }
+    function C(e, o) {
+      u.value[e] = { id: o };
+    }
+    function M(e) {
+      return u.value[e] ?? { id: null };
+    }
+    function T(e) {
+      return n(e);
+    }
+    return {
+      builders: s,
+      selections: u,
+      ensureBuilder: n,
+      loadSchema: d,
+      resetBuilder: q,
+      addQuestion: h,
+      removeQuestion: Q,
+      updateQuestion: B,
+      addOption: $,
+      removeOption: y,
+      updateOption: z,
+      updateMeta: A,
+      select: C,
+      getSelection: M,
+      getSchema: T
+    };
+  }
+);
+function P(s) {
+  const u = E();
+  return u.ensureBuilder(s), {
+    schema: g(() => u.getSchema(s)),
+    selection: g(
+      () => u.getSelection(s)
+    ),
+    addQuestion: (n) => u.addQuestion(s, n),
+    removeQuestion: (n) => u.removeQuestion(s, n),
+    updateQuestion: (n, d) => u.updateQuestion(s, n, d),
+    addOption: (n) => u.addOption(s, n),
+    removeOption: (n, d) => u.removeOption(s, n, d),
+    updateOption: (n, d, q) => u.updateOption(s, n, d, q),
+    updateMeta: (n) => u.updateMeta(s, n),
+    select: (n) => u.select(s, n),
+    loadSchema: (n) => u.loadSchema(s, n),
+    reset: () => u.resetBuilder(s)
+  };
+}
+export {
+  N as __resetQuizBuilderIdCounter,
+  P as useQuizBuilder,
+  E as useQuizBuilderStore
+};
+//# sourceMappingURL=quizBuilderStore.js.map

package/dist/stores/quizBuilderStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"quizBuilderStore.js","sources":["../../src/stores/quizBuilderStore.ts"],"sourcesContent":["import { defineStore } from \"pinia\"\nimport { computed, ref } from \"vue\"\n\nexport type QuizQuestionType = \"single-choice\" | \"multi-choice\" | \"free-text\"\n\nexport interface QuizOption {\n  id: string\n  label: string\n  value: string | number\n  correct?: boolean\n  score?: number\n}\n\nexport interface QuizQuestion {\n  id: string\n  prompt: string\n  type: QuizQuestionType\n  options: QuizOption[]\n  helpText?: string\n  required?: boolean\n}\n\nexport interface QuizBuilderSchema {\n  title?: string\n  description?: string\n  questions: QuizQuestion[]\n  passingScore?: number\n}\n\n/** Identifies which question is currently selected. */\nexport interface QuizBuilderSelection {\n  id: string | null\n}\n\nlet idCounter = 0\nfunction nextId(prefix: string): string {\n  idCounter += 1\n  return `${prefix}-${Date.now()}-${idCounter}`\n}\n\n/** Test helper to make ids deterministic. */\nexport function __resetQuizBuilderIdCounter(): void {\n  idCounter = 0\n}\n\nfunction emptySchema(): QuizBuilderSchema {\n  return {\n    title: \"\",\n    description: \"\",\n    questions: [],\n    passingScore: 0,\n  }\n}\n\nconst DEFAULT_OPTION_TEMPLATES: Record<\n  \"single-choice\" | \"multi-choice\",\n  Array<Pick<QuizOption, \"label\" | \"value\">>\n> = {\n  \"single-choice\": [\n    { label: \"Option A\", value: \"a\" },\n    { label: \"Option B\", value: \"b\" },\n  ],\n  \"multi-choice\": [\n    { label: \"Option A\", value: \"a\" },\n    { label: \"Option B\", value: \"b\" },\n  ],\n}\n\nexport const useQuizBuilderStore = defineStore(\n  \"gxp-adminkit/quizBuilder\",\n  () => {\n    const builders = ref<Record<string, QuizBuilderSchema>>({})\n    const selections = ref<Record<string, QuizBuilderSelection>>({})\n\n    function ensureBuilder(builderId: string): QuizBuilderSchema {\n      if (!builders.value[builderId]) {\n        builders.value[builderId] = emptySchema()\n        selections.value[builderId] = { id: null }\n      }\n      return builders.value[builderId]!\n    }\n\n    function loadSchema(builderId: string, schema: QuizBuilderSchema): void {\n      builders.value[builderId] = {\n        title: schema.title ?? \"\",\n        description: schema.description ?? \"\",\n        passingScore: schema.passingScore ?? 0,\n        questions: schema.questions.map((q) => ({\n          ...q,\n          options: q.options.map((o) => ({ ...o })),\n        })),\n      }\n      selections.value[builderId] = { id: null }\n    }\n\n    function resetBuilder(builderId: string): void {\n      delete builders.value[builderId]\n      delete selections.value[builderId]\n    }\n\n    /**\n     * Append a fresh question of `type`. Single/multi-choice come\n     * pre-seeded with two empty options. Returns the new question's id.\n     */\n    function addQuestion(builderId: string, type: QuizQuestionType): string {\n      const schema = ensureBuilder(builderId)\n      const id = nextId(`q-${type}`)\n      const options: QuizOption[] =\n        type === \"free-text\"\n          ? []\n          : DEFAULT_OPTION_TEMPLATES[type].map((tpl) => ({\n              id: nextId(\"opt\"),\n              label: tpl.label,\n              value: tpl.value,\n            }))\n      const question: QuizQuestion = {\n        id,\n        prompt: `New ${type} question`,\n        type,\n        options,\n        required: false,\n      }\n      schema.questions = [...schema.questions, question]\n      return id\n    }\n\n    /** Remove a question by id. */\n    function removeQuestion(builderId: string, questionId: string): void {\n      const schema = ensureBuilder(builderId)\n      schema.questions = schema.questions.filter((q) => q.id !== questionId)\n      const sel = selections.value[builderId]\n      if (sel?.id === questionId) {\n        selections.value[builderId] = { id: null }\n      }\n    }\n\n    /** Patch a question's properties. */\n    function updateQuestion(\n      builderId: string,\n      questionId: string,\n      patch: Partial<Omit<QuizQuestion, \"id\">>,\n    ): void {\n      const schema = ensureBuilder(builderId)\n      const idx = schema.questions.findIndex((q) => q.id === questionId)\n      if (idx < 0) {\n        return\n      }\n      const current = schema.questions[idx]!\n      // Free-text questions don't carry options. If we are switching\n      // type to free-text, drop them; if we are switching away from\n      // free-text and the existing list is empty, seed two options.\n      let nextOptions = current.options\n      if (patch.type && patch.type !== current.type) {\n        if (patch.type === \"free-text\") {\n          nextOptions = []\n        } else if (\n          (patch.type === \"single-choice\" || patch.type === \"multi-choice\") &&\n          current.options.length === 0\n        ) {\n          nextOptions = DEFAULT_OPTION_TEMPLATES[patch.type].map((tpl) => ({\n            id: nextId(\"opt\"),\n            label: tpl.label,\n            value: tpl.value,\n          }))\n        }\n      }\n      const merged: QuizQuestion = {\n        ...current,\n        ...patch,\n        options: patch.options ?? nextOptions,\n      }\n      const next = [...schema.questions]\n      next[idx] = merged\n      schema.questions = next\n    }\n\n    /** Append a new empty option to a question. Returns the option id. */\n    function addOption(builderId: string, questionId: string): string {\n      const schema = ensureBuilder(builderId)\n      const idx = schema.questions.findIndex((q) => q.id === questionId)\n      if (idx < 0) {\n        return \"\"\n      }\n      const current = schema.questions[idx]!\n      const optId = nextId(\"opt\")\n      const newOption: QuizOption = {\n        id: optId,\n        label: `Option ${String.fromCharCode(65 + current.options.length)}`,\n        value: \"\",\n      }\n      const next = [...schema.questions]\n      next[idx] = { ...current, options: [...current.options, newOption] }\n      schema.questions = next\n      return optId\n    }\n\n    /** Remove an option from a question. */\n    function removeOption(\n      builderId: string,\n      questionId: string,\n      optionId: string,\n    ): void {\n      const schema = ensureBuilder(builderId)\n      const idx = schema.questions.findIndex((q) => q.id === questionId)\n      if (idx < 0) {\n        return\n      }\n      const current = schema.questions[idx]!\n      const next = [...schema.questions]\n      next[idx] = {\n        ...current,\n        options: current.options.filter((o) => o.id !== optionId),\n      }\n      schema.questions = next\n    }\n\n    /** Patch an option's properties. */\n    function updateOption(\n      builderId: string,\n      questionId: string,\n      optionId: string,\n      patch: Partial<Omit<QuizOption, \"id\">>,\n    ): void {\n      const schema = ensureBuilder(builderId)\n      const idx = schema.questions.findIndex((q) => q.id === questionId)\n      if (idx < 0) {\n        return\n      }\n      const current = schema.questions[idx]!\n      const optIdx = current.options.findIndex((o) => o.id === optionId)\n      if (optIdx < 0) {\n        return\n      }\n      const nextOptions = [...current.options]\n      nextOptions[optIdx] = { ...nextOptions[optIdx]!, ...patch }\n      // Single-choice quizzes can only have one correct answer at a\n      // time. If a caller flags a new correct option, clear the others.\n      if (patch.correct === true && current.type === \"single-choice\") {\n        for (let i = 0; i < nextOptions.length; i++) {\n          if (i !== optIdx) {\n            nextOptions[i] = { ...nextOptions[i]!, correct: false }\n          }\n        }\n      }\n      const next = [...schema.questions]\n      next[idx] = { ...current, options: nextOptions }\n      schema.questions = next\n    }\n\n    /** Patch top-level quiz metadata (title, description, passingScore). */\n    function updateMeta(\n      builderId: string,\n      patch: Partial<Pick<QuizBuilderSchema, \"title\" | \"description\" | \"passingScore\">>,\n    ): void {\n      const schema = ensureBuilder(builderId)\n      builders.value[builderId] = { ...schema, ...patch }\n    }\n\n    function select(builderId: string, id: string | null): void {\n      selections.value[builderId] = { id }\n    }\n\n    function getSelection(builderId: string): QuizBuilderSelection {\n      return selections.value[builderId] ?? { id: null }\n    }\n\n    function getSchema(builderId: string): QuizBuilderSchema {\n      return ensureBuilder(builderId)\n    }\n\n    return {\n      builders,\n      selections,\n      ensureBuilder,\n      loadSchema,\n      resetBuilder,\n      addQuestion,\n      removeQuestion,\n      updateQuestion,\n      addOption,\n      removeOption,\n      updateOption,\n      updateMeta,\n      select,\n      getSelection,\n      getSchema,\n    }\n  },\n)\n\n/** Composable wrapping store access for a single builder instance. */\nexport function useQuizBuilder(builderId: string) {\n  const store = useQuizBuilderStore()\n  store.ensureBuilder(builderId)\n  return {\n    schema: computed<QuizBuilderSchema>(() => store.getSchema(builderId)),\n    selection: computed<QuizBuilderSelection>(() =>\n      store.getSelection(builderId),\n    ),\n    addQuestion: (type: QuizQuestionType) =>\n      store.addQuestion(builderId, type),\n    removeQuestion: (id: string) => store.removeQuestion(builderId, id),\n    updateQuestion: (id: string, patch: Partial<Omit<QuizQuestion, \"id\">>) =>\n      store.updateQuestion(builderId, id, patch),\n    addOption: (questionId: string) => store.addOption(builderId, questionId),\n    removeOption: (questionId: string, optionId: string) =>\n      store.removeOption(builderId, questionId, optionId),\n    updateOption: (\n      questionId: string,\n      optionId: string,\n      patch: Partial<Omit<QuizOption, \"id\">>,\n    ) => store.updateOption(builderId, questionId, optionId, patch),\n    updateMeta: (\n      patch: Partial<\n        Pick<QuizBuilderSchema, \"title\" | \"description\" | \"passingScore\">\n      >,\n    ) => store.updateMeta(builderId, patch),\n    select: (id: string | null) => store.select(builderId, id),\n    loadSchema: (schema: QuizBuilderSchema) =>\n      store.loadSchema(builderId, schema),\n    reset: () => store.resetBuilder(builderId),\n  }\n}\n"],"names":["idCounter","nextId","prefix","__resetQuizBuilderIdCounter","emptySchema","DEFAULT_OPTION_TEMPLATES","useQuizBuilderStore","defineStore","builders","ref","selections","ensureBuilder","builderId","loadSchema","schema","q","o","resetBuilder","addQuestion","type","id","options","tpl","question","removeQuestion","questionId","sel","updateQuestion","patch","idx","current","nextOptions","merged","next","addOption","optId","newOption","removeOption","optionId","updateOption","optIdx","i","updateMeta","select","getSelection","getSchema","useQuizBuilder","store","computed"],"mappings":"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"}

package/dist/stores/reactiveCanvasBuilderStore.d.ts

@@ -0,0 +1,98 @@
+/**
+ * State for a single ReactiveCanvasBuilder instance. Multiple builders
+ * can coexist on a page; each is keyed by `builderId`.
+ *
+ * A canvas is a fixed-size positioning surface. Blocks are absolutely
+ * positioned by their `x` / `y` / `width` / `height`. Block `type`
+ * resolves to a Vue component at runtime via a registry the consumer
+ * supplies; for the MVP we treat `type` as an opaque string and let
+ * the inspector edit it.
+ */
+export interface ReactiveCanvasBlock {
+    id: string;
+    type: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    props: Record<string, unknown>;
+}
+export interface ReactiveCanvasBuilderSchema {
+    width: number;
+    height: number;
+    blocks: ReactiveCanvasBlock[];
+}
+/** Identifies which block is currently selected. */
+export interface ReactiveCanvasBuilderSelection {
+    id: string | null;
+}
+/** Built-in block types exposed by the palette in the MVP. */
+export declare const REACTIVE_CANVAS_BLOCK_TYPES: readonly ["text-block", "image-block", "button-block", "spacer-block", "container-block"];
+export type ReactiveCanvasBlockType = (typeof REACTIVE_CANVAS_BLOCK_TYPES)[number];
+/** Test helper to make ids deterministic. */
+export declare function __resetReactiveCanvasBuilderIdCounter(): void;
+export declare const useReactiveCanvasBuilderStore: import('pinia').StoreDefinition<"gxp-adminkit/reactiveCanvasBuilder", Pick<{
+    builders: import('vue').Ref<Record<string, ReactiveCanvasBuilderSchema>, Record<string, ReactiveCanvasBuilderSchema>>;
+    selections: import('vue').Ref<Record<string, ReactiveCanvasBuilderSelection>, Record<string, ReactiveCanvasBuilderSelection>>;
+    ensureBuilder: (builderId: string) => ReactiveCanvasBuilderSchema;
+    loadSchema: (builderId: string, schema: ReactiveCanvasBuilderSchema) => void;
+    resetBuilder: (builderId: string) => void;
+    addBlock: (builderId: string, type: string) => string;
+    removeBlock: (builderId: string, blockId: string) => void;
+    updateBlock: (builderId: string, blockId: string, patch: Partial<Omit<ReactiveCanvasBlock, "id">>) => void;
+    setCanvasSize: (builderId: string, patch: {
+        width?: number;
+        height?: number;
+    }) => void;
+    select: (builderId: string, id: string | null) => void;
+    getSelection: (builderId: string) => ReactiveCanvasBuilderSelection;
+    getSchema: (builderId: string) => ReactiveCanvasBuilderSchema;
+}, "builders" | "selections">, Pick<{
+    builders: import('vue').Ref<Record<string, ReactiveCanvasBuilderSchema>, Record<string, ReactiveCanvasBuilderSchema>>;
+    selections: import('vue').Ref<Record<string, ReactiveCanvasBuilderSelection>, Record<string, ReactiveCanvasBuilderSelection>>;
+    ensureBuilder: (builderId: string) => ReactiveCanvasBuilderSchema;
+    loadSchema: (builderId: string, schema: ReactiveCanvasBuilderSchema) => void;
+    resetBuilder: (builderId: string) => void;
+    addBlock: (builderId: string, type: string) => string;
+    removeBlock: (builderId: string, blockId: string) => void;
+    updateBlock: (builderId: string, blockId: string, patch: Partial<Omit<ReactiveCanvasBlock, "id">>) => void;
+    setCanvasSize: (builderId: string, patch: {
+        width?: number;
+        height?: number;
+    }) => void;
+    select: (builderId: string, id: string | null) => void;
+    getSelection: (builderId: string) => ReactiveCanvasBuilderSelection;
+    getSchema: (builderId: string) => ReactiveCanvasBuilderSchema;
+}, never>, Pick<{
+    builders: import('vue').Ref<Record<string, ReactiveCanvasBuilderSchema>, Record<string, ReactiveCanvasBuilderSchema>>;
+    selections: import('vue').Ref<Record<string, ReactiveCanvasBuilderSelection>, Record<string, ReactiveCanvasBuilderSelection>>;
+    ensureBuilder: (builderId: string) => ReactiveCanvasBuilderSchema;
+    loadSchema: (builderId: string, schema: ReactiveCanvasBuilderSchema) => void;
+    resetBuilder: (builderId: string) => void;
+    addBlock: (builderId: string, type: string) => string;
+    removeBlock: (builderId: string, blockId: string) => void;
+    updateBlock: (builderId: string, blockId: string, patch: Partial<Omit<ReactiveCanvasBlock, "id">>) => void;
+    setCanvasSize: (builderId: string, patch: {
+        width?: number;
+        height?: number;
+    }) => void;
+    select: (builderId: string, id: string | null) => void;
+    getSelection: (builderId: string) => ReactiveCanvasBuilderSelection;
+    getSchema: (builderId: string) => ReactiveCanvasBuilderSchema;
+}, "select" | "ensureBuilder" | "loadSchema" | "resetBuilder" | "getSelection" | "getSchema" | "addBlock" | "removeBlock" | "updateBlock" | "setCanvasSize">>;
+/** Composable wrapper around `useReactiveCanvasBuilderStore`. */
+export declare function useReactiveCanvasBuilder(builderId: string): {
+    schema: import('vue').ComputedRef<ReactiveCanvasBuilderSchema>;
+    selection: import('vue').ComputedRef<ReactiveCanvasBuilderSelection>;
+    addBlock: (type: string) => string;
+    removeBlock: (id: string) => void;
+    updateBlock: (id: string, patch: Partial<Omit<ReactiveCanvasBlock, "id">>) => void;
+    setCanvasSize: (patch: {
+        width?: number;
+        height?: number;
+    }) => void;
+    select: (id: string | null) => void;
+    loadSchema: (schema: ReactiveCanvasBuilderSchema) => void;
+    reset: () => void;
+};
+//# sourceMappingURL=reactiveCanvasBuilderStore.d.ts.map

package/dist/stores/reactiveCanvasBuilderStore.d.ts.map

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

package/dist/stores/reactiveCanvasBuilderStore.js

@@ -0,0 +1,138 @@
+import { defineStore as A } from "pinia";
+import { ref as k, computed as f } from "vue";
+const U = [
+  "text-block",
+  "image-block",
+  "button-block",
+  "spacer-block",
+  "container-block"
+], T = 800, x = 600, w = 160, E = 80;
+let r = 0;
+function b(t) {
+  return r += 1, `${t}-${Date.now()}-${r}`;
+}
+function V() {
+  r = 0;
+}
+function D() {
+  return {
+    width: T,
+    height: x,
+    blocks: []
+  };
+}
+function L(t) {
+  switch (t) {
+    case "text-block":
+      return { text: "Sample text" };
+    case "image-block":
+      return { src: "", alt: "" };
+    case "button-block":
+      return { label: "Click me", action: "" };
+    case "spacer-block":
+      return {};
+    case "container-block":
+      return { padding: 8 };
+    default:
+      return {};
+  }
+}
+const H = A(
+  "gxp-adminkit/reactiveCanvasBuilder",
+  () => {
+    const t = k({}), n = k({});
+    function c(e) {
+      return t.value[e] || (t.value[e] = D(), n.value[e] = { id: null }), t.value[e];
+    }
+    function l(e, o) {
+      t.value[e] = {
+        width: o.width,
+        height: o.height,
+        blocks: o.blocks.map((s) => ({ ...s, props: { ...s.props } }))
+      }, n.value[e] = { id: null };
+    }
+    function h(e) {
+      delete t.value[e], delete n.value[e];
+    }
+    function v(e, o) {
+      const s = c(e), a = b(`block-${o}`);
+      return s.blocks = [
+        ...s.blocks,
+        {
+          id: a,
+          type: o,
+          x: 16,
+          y: 16,
+          width: w,
+          height: E,
+          props: L(o)
+        }
+      ], a;
+    }
+    function m(e, o) {
+      const s = c(e);
+      s.blocks = s.blocks.filter((i) => i.id !== o);
+      const a = n.value[e];
+      (a == null ? void 0 : a.id) === o && (n.value[e] = { id: null });
+    }
+    function d(e, o, s) {
+      const a = c(e), i = a.blocks.findIndex((_) => _.id === o);
+      if (i < 0)
+        return;
+      const g = a.blocks[i], u = [...a.blocks];
+      u[i] = { ...g, ...s }, a.blocks = u;
+    }
+    function B(e, o) {
+      const s = c(e);
+      o.width !== void 0 && (s.width = o.width), o.height !== void 0 && (s.height = o.height);
+    }
+    function S(e, o) {
+      n.value[e] = { id: o };
+    }
+    function p(e) {
+      return n.value[e] ?? { id: null };
+    }
+    function C(e) {
+      return c(e);
+    }
+    return {
+      builders: t,
+      selections: n,
+      ensureBuilder: c,
+      loadSchema: l,
+      resetBuilder: h,
+      addBlock: v,
+      removeBlock: m,
+      updateBlock: d,
+      setCanvasSize: B,
+      select: S,
+      getSelection: p,
+      getSchema: C
+    };
+  }
+);
+function $(t) {
+  const n = H();
+  return n.ensureBuilder(t), {
+    schema: f(
+      () => n.getSchema(t)
+    ),
+    selection: f(
+      () => n.getSelection(t)
+    ),
+    addBlock: (c) => n.addBlock(t, c),
+    removeBlock: (c) => n.removeBlock(t, c),
+    updateBlock: (c, l) => n.updateBlock(t, c, l),
+    setCanvasSize: (c) => n.setCanvasSize(t, c),
+    select: (c) => n.select(t, c),
+    loadSchema: (c) => n.loadSchema(t, c),
+    reset: () => n.resetBuilder(t)
+  };
+}
+export {
+  U as REACTIVE_CANVAS_BLOCK_TYPES,
+  V as __resetReactiveCanvasBuilderIdCounter,
+  $ as useReactiveCanvasBuilder,
+  H as useReactiveCanvasBuilderStore
+};
+//# sourceMappingURL=reactiveCanvasBuilderStore.js.map

package/dist/stores/reactiveCanvasBuilderStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactiveCanvasBuilderStore.js","sources":["../../src/stores/reactiveCanvasBuilderStore.ts"],"sourcesContent":["import { defineStore } from \"pinia\"\nimport { computed, ref } from \"vue\"\n\n/**\n * State for a single ReactiveCanvasBuilder instance. Multiple builders\n * can coexist on a page; each is keyed by `builderId`.\n *\n * A canvas is a fixed-size positioning surface. Blocks are absolutely\n * positioned by their `x` / `y` / `width` / `height`. Block `type`\n * resolves to a Vue component at runtime via a registry the consumer\n * supplies; for the MVP we treat `type` as an opaque string and let\n * the inspector edit it.\n */\n\nexport interface ReactiveCanvasBlock {\n  id: string\n  type: string\n  x: number\n  y: number\n  width: number\n  height: number\n  props: Record<string, unknown>\n}\n\nexport interface ReactiveCanvasBuilderSchema {\n  width: number\n  height: number\n  blocks: ReactiveCanvasBlock[]\n}\n\n/** Identifies which block is currently selected. */\nexport interface ReactiveCanvasBuilderSelection {\n  id: string | null\n}\n\n/** Built-in block types exposed by the palette in the MVP. */\nexport const REACTIVE_CANVAS_BLOCK_TYPES = [\n  \"text-block\",\n  \"image-block\",\n  \"button-block\",\n  \"spacer-block\",\n  \"container-block\",\n] as const\n\nexport type ReactiveCanvasBlockType =\n  (typeof REACTIVE_CANVAS_BLOCK_TYPES)[number]\n\nconst DEFAULT_CANVAS_WIDTH = 800\nconst DEFAULT_CANVAS_HEIGHT = 600\nconst DEFAULT_BLOCK_WIDTH = 160\nconst DEFAULT_BLOCK_HEIGHT = 80\n\nlet idCounter = 0\nfunction nextId(prefix: string): string {\n  idCounter += 1\n  return `${prefix}-${Date.now()}-${idCounter}`\n}\n\n/** Test helper to make ids deterministic. */\nexport function __resetReactiveCanvasBuilderIdCounter(): void {\n  idCounter = 0\n}\n\nfunction emptySchema(): ReactiveCanvasBuilderSchema {\n  return {\n    width: DEFAULT_CANVAS_WIDTH,\n    height: DEFAULT_CANVAS_HEIGHT,\n    blocks: [],\n  }\n}\n\nfunction defaultPropsForType(type: string): Record<string, unknown> {\n  switch (type) {\n    case \"text-block\":\n      return { text: \"Sample text\" }\n    case \"image-block\":\n      return { src: \"\", alt: \"\" }\n    case \"button-block\":\n      return { label: \"Click me\", action: \"\" }\n    case \"spacer-block\":\n      return {}\n    case \"container-block\":\n      return { padding: 8 }\n    default:\n      return {}\n  }\n}\n\nexport const useReactiveCanvasBuilderStore = defineStore(\n  \"gxp-adminkit/reactiveCanvasBuilder\",\n  () => {\n    const builders = ref<Record<string, ReactiveCanvasBuilderSchema>>({})\n    const selections = ref<\n      Record<string, ReactiveCanvasBuilderSelection>\n    >({})\n\n    function ensureBuilder(builderId: string): ReactiveCanvasBuilderSchema {\n      if (!builders.value[builderId]) {\n        builders.value[builderId] = emptySchema()\n        selections.value[builderId] = { id: null }\n      }\n      return builders.value[builderId]!\n    }\n\n    function loadSchema(\n      builderId: string,\n      schema: ReactiveCanvasBuilderSchema,\n    ): void {\n      builders.value[builderId] = {\n        width: schema.width,\n        height: schema.height,\n        blocks: schema.blocks.map((b) => ({ ...b, props: { ...b.props } })),\n      }\n      selections.value[builderId] = { id: null }\n    }\n\n    function resetBuilder(builderId: string): void {\n      delete builders.value[builderId]\n      delete selections.value[builderId]\n    }\n\n    /** Append a new block of `type` and return its id. */\n    function addBlock(builderId: string, type: string): string {\n      const schema = ensureBuilder(builderId)\n      const id = nextId(`block-${type}`)\n      schema.blocks = [\n        ...schema.blocks,\n        {\n          id,\n          type,\n          x: 16,\n          y: 16,\n          width: DEFAULT_BLOCK_WIDTH,\n          height: DEFAULT_BLOCK_HEIGHT,\n          props: defaultPropsForType(type),\n        },\n      ]\n      return id\n    }\n\n    function removeBlock(builderId: string, blockId: string): void {\n      const schema = ensureBuilder(builderId)\n      schema.blocks = schema.blocks.filter((b) => b.id !== blockId)\n      const sel = selections.value[builderId]\n      if (sel?.id === blockId) {\n        selections.value[builderId] = { id: null }\n      }\n    }\n\n    function updateBlock(\n      builderId: string,\n      blockId: string,\n      patch: Partial<Omit<ReactiveCanvasBlock, \"id\">>,\n    ): void {\n      const schema = ensureBuilder(builderId)\n      const idx = schema.blocks.findIndex((b) => b.id === blockId)\n      if (idx < 0) {\n        return\n      }\n      const current = schema.blocks[idx]!\n      const list = [...schema.blocks]\n      list[idx] = { ...current, ...patch }\n      schema.blocks = list\n    }\n\n    function setCanvasSize(\n      builderId: string,\n      patch: { width?: number; height?: number },\n    ): void {\n      const schema = ensureBuilder(builderId)\n      if (patch.width !== undefined) {\n        schema.width = patch.width\n      }\n      if (patch.height !== undefined) {\n        schema.height = patch.height\n      }\n    }\n\n    function select(builderId: string, id: string | null): void {\n      selections.value[builderId] = { id }\n    }\n\n    function getSelection(\n      builderId: string,\n    ): ReactiveCanvasBuilderSelection {\n      return selections.value[builderId] ?? { id: null }\n    }\n\n    function getSchema(builderId: string): ReactiveCanvasBuilderSchema {\n      return ensureBuilder(builderId)\n    }\n\n    return {\n      builders,\n      selections,\n      ensureBuilder,\n      loadSchema,\n      resetBuilder,\n      addBlock,\n      removeBlock,\n      updateBlock,\n      setCanvasSize,\n      select,\n      getSelection,\n      getSchema,\n    }\n  },\n)\n\n/** Composable wrapper around `useReactiveCanvasBuilderStore`. */\nexport function useReactiveCanvasBuilder(builderId: string) {\n  const store = useReactiveCanvasBuilderStore()\n  store.ensureBuilder(builderId)\n  return {\n    schema: computed<ReactiveCanvasBuilderSchema>(() =>\n      store.getSchema(builderId),\n    ),\n    selection: computed<ReactiveCanvasBuilderSelection>(() =>\n      store.getSelection(builderId),\n    ),\n    addBlock: (type: string) => store.addBlock(builderId, type),\n    removeBlock: (id: string) => store.removeBlock(builderId, id),\n    updateBlock: (\n      id: string,\n      patch: Partial<Omit<ReactiveCanvasBlock, \"id\">>,\n    ) => store.updateBlock(builderId, id, patch),\n    setCanvasSize: (patch: { width?: number; height?: number }) =>\n      store.setCanvasSize(builderId, patch),\n    select: (id: string | null) => store.select(builderId, id),\n    loadSchema: (schema: ReactiveCanvasBuilderSchema) =>\n      store.loadSchema(builderId, schema),\n    reset: () => store.resetBuilder(builderId),\n  }\n}\n"],"names":["REACTIVE_CANVAS_BLOCK_TYPES","DEFAULT_CANVAS_WIDTH","DEFAULT_CANVAS_HEIGHT","DEFAULT_BLOCK_WIDTH","DEFAULT_BLOCK_HEIGHT","idCounter","nextId","prefix","__resetReactiveCanvasBuilderIdCounter","emptySchema","defaultPropsForType","type","useReactiveCanvasBuilderStore","defineStore","builders","ref","selections","ensureBuilder","builderId","loadSchema","schema","b","resetBuilder","addBlock","id","removeBlock","blockId","sel","updateBlock","patch","idx","current","list","setCanvasSize","select","getSelection","getSchema","useReactiveCanvasBuilder","store","computed"],"mappings":"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"}

package/dist/styles/index.css

@@ -0,0 +1 @@
+.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}