@cratis/event-models 0.180.0 → 0.181.0

package/dist/screen-editor/toTemplateSources-CN-BMZ39.js

@@ -0,0 +1,492 @@
+import { useCallback as R, useEffect as x, useLayoutEffect as F, useMemo as q, useRef as L, useState as S } from "react";
+import { TemplateReferenceSource as O, TemplateScope as U } from "@cratis/scene.model";
+import { Fragment as j, jsx as s, jsxs as N } from "react/jsx-runtime";
+import { createPortal as W } from "react-dom";
+function G(e, a, o) {
+  const i = o.trim().toLocaleLowerCase();
+  return i.length === 0 ? !0 : [
+    e.displayName,
+    e.name,
+    e.description,
+    e.metadata?.category,
+    e.metadata?.type,
+    a
+  ].some((r) => r?.toLocaleLowerCase().includes(i));
+}
+var l = /* @__PURE__ */ (function(e) {
+  return e.Heading = "heading", e.Subheading = "subheading", e.Item = "item", e.Submenu = "submenu", e.Separator = "separator", e.Note = "note", e;
+})({}), M = 8, P = 4;
+function J(e, a, o) {
+  const i = Math.max(M, Math.min(e.left, o.width - a.width - M)), r = e.top + e.height + P;
+  return {
+    left: i,
+    top: r + a.height <= o.height - M ? r : Math.max(M, e.top - a.height - P)
+  };
+}
+function K(e, a, o) {
+  const i = e.left + e.width + P;
+  return {
+    left: i + a.width <= o.width - M ? i : Math.max(M, e.left - a.width - P),
+    top: Math.max(M, Math.min(e.top - 4, o.height - a.height - M))
+  };
+}
+var B = ({ entries: e, depth: a, anchor: o, openPath: i, label: r, filter: u, onOpen: d, onCollapse: h, onChosen: m }) => {
+  const p = L(null), [f, _] = S();
+  F(() => {
+    const t = p.current?.getBoundingClientRect();
+    if (!t) return;
+    const c = {
+      width: window.innerWidth,
+      height: window.innerHeight
+    };
+    _(a === 0 ? J(o, t, c) : K(o, t, c));
+  }, [
+    o,
+    a,
+    e
+  ]), x(() => {
+    a === 0 && f && p.current?.querySelector("[data-cascade-focusable]")?.focus();
+  }, [a, f === void 0]);
+  const k = i[a], n = k ? e.find((t) => t.kind === l.Submenu && t.id === k.id) : void 0;
+  return /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ N("div", {
+    ref: p,
+    className: "studio-cascade-menu__panel",
+    role: "menu",
+    "aria-label": r,
+    "data-cascade-depth": a,
+    style: {
+      top: f?.top ?? 0,
+      left: f?.left ?? 0,
+      visibility: f ? "visible" : "hidden"
+    },
+    children: [u && /* @__PURE__ */ s("input", {
+      type: "search",
+      className: "studio-cascade-menu__filter",
+      role: "searchbox",
+      "aria-label": u.placeholder,
+      placeholder: u.placeholder,
+      value: u.value,
+      "data-cascade-focusable": "",
+      onChange: (t) => u.onChange(t.target.value)
+    }), e.map((t) => {
+      switch (t.kind) {
+        case l.Heading:
+          return /* @__PURE__ */ s("div", {
+            className: "studio-cascade-menu__heading",
+            role: "presentation",
+            "data-cascade-entry": t.id,
+            children: t.label
+          }, t.id);
+        case l.Subheading:
+          return /* @__PURE__ */ s("div", {
+            className: "studio-cascade-menu__subheading",
+            role: "presentation",
+            "data-cascade-entry": t.id,
+            children: t.label
+          }, t.id);
+        case l.Separator:
+          return /* @__PURE__ */ s("div", {
+            className: "studio-cascade-menu__separator",
+            role: "separator"
+          }, t.id);
+        case l.Note:
+          return /* @__PURE__ */ s("div", {
+            className: "studio-cascade-menu__note",
+            role: "presentation",
+            "data-cascade-entry": t.id,
+            children: t.label
+          }, t.id);
+        case l.Submenu:
+          return /* @__PURE__ */ N("button", {
+            type: "button",
+            role: "menuitem",
+            "aria-haspopup": "menu",
+            "aria-expanded": k?.id === t.id,
+            className: `studio-cascade-menu__row studio-cascade-menu__row--submenu${k?.id === t.id ? " studio-cascade-menu__row--open" : ""}`,
+            "data-cascade-focusable": "",
+            "data-cascade-entry": t.id,
+            onMouseEnter: (c) => d(a, {
+              id: t.id,
+              rect: D(c.currentTarget)
+            }),
+            onClick: (c) => d(a, {
+              id: t.id,
+              rect: D(c.currentTarget)
+            }),
+            children: [/* @__PURE__ */ s("span", {
+              className: "studio-cascade-menu__label",
+              children: t.label
+            }), /* @__PURE__ */ s("span", {
+              className: "studio-cascade-menu__chevron",
+              "aria-hidden": "true",
+              children: "▸"
+            })]
+          }, t.id);
+        default:
+          return /* @__PURE__ */ N("div", {
+            className: "studio-cascade-menu__line",
+            role: "presentation",
+            onMouseEnter: () => h(a),
+            children: [/* @__PURE__ */ N("button", {
+              type: "button",
+              role: t.checked === void 0 ? "menuitem" : "menuitemradio",
+              "aria-checked": t.checked,
+              "aria-disabled": t.disabledReason !== void 0,
+              title: t.disabledReason,
+              className: `studio-cascade-menu__row${t.checked ? " studio-cascade-menu__row--current" : ""}${t.disabledReason ? " studio-cascade-menu__row--disabled" : ""}`,
+              "data-cascade-focusable": "",
+              "data-cascade-entry": t.id,
+              onClick: () => {
+                t.disabledReason || (t.onActivate(), m());
+              },
+              children: [
+                /* @__PURE__ */ s("span", {
+                  className: "studio-cascade-menu__check",
+                  "aria-hidden": "true",
+                  children: t.checked ? "✓" : ""
+                }),
+                /* @__PURE__ */ N("span", {
+                  className: "studio-cascade-menu__text",
+                  children: [/* @__PURE__ */ s("span", {
+                    className: "studio-cascade-menu__label",
+                    children: t.label
+                  }), t.description && /* @__PURE__ */ s("span", {
+                    className: "studio-cascade-menu__description",
+                    children: t.description
+                  })]
+                }),
+                t.trailing && /* @__PURE__ */ s("span", {
+                  className: "studio-cascade-menu__trailing",
+                  children: t.trailing
+                })
+              ]
+            }), t.actions?.map((c, g) => /* @__PURE__ */ s("button", {
+              type: "button",
+              className: "studio-cascade-menu__secondary",
+              "data-cascade-focusable": "",
+              "data-cascade-entry": `${t.id}:action-${g}`,
+              title: c.label,
+              "aria-label": `${c.label}: ${t.label}`,
+              onClick: () => {
+                c.onActivate(), c.closes && m();
+              },
+              children: c.label
+            }, g))]
+          }, t.id);
+      }
+    })]
+  }), n && n.kind === l.Submenu && /* @__PURE__ */ s(B, {
+    entries: n.entries,
+    depth: a + 1,
+    anchor: k.rect,
+    openPath: i,
+    label: n.label,
+    onOpen: d,
+    onCollapse: h,
+    onChosen: m
+  })] });
+};
+function D(e) {
+  const { top: a, left: o, width: i, height: r } = e.getBoundingClientRect();
+  return {
+    top: a,
+    left: o,
+    width: i,
+    height: r
+  };
+}
+var w = /* @__PURE__ */ (function(e) {
+  return e.Previous = "previous", e.Next = "next", e.First = "first", e.Last = "last", e.Into = "into", e.Out = "out", e;
+})({});
+function Q(e, a) {
+  switch (e) {
+    case "ArrowDown":
+      return w.Next;
+    case "ArrowUp":
+      return w.Previous;
+    case "ArrowRight":
+      return a ? void 0 : w.Into;
+    case "ArrowLeft":
+      return a ? void 0 : w.Out;
+    case "Home":
+      return a ? void 0 : w.First;
+    case "End":
+      return a ? void 0 : w.Last;
+    default:
+      return;
+  }
+}
+function V(e, a, o) {
+  if (o === 0) return -1;
+  switch (e) {
+    case w.First:
+      return 0;
+    case w.Last:
+      return o - 1;
+    case w.Previous:
+      return a <= 0 ? o - 1 : a - 1;
+    default:
+      return a < 0 || a >= o - 1 ? 0 : a + 1;
+  }
+}
+var v = (e) => {
+  e.isPropagationStopped = () => !0;
+}, X = {
+  onPointerDown: v,
+  onPointerUp: v,
+  onMouseDown: v,
+  onMouseUp: v,
+  onClick: v,
+  onDoubleClick: v,
+  onContextMenu: v,
+  onWheel: v,
+  onKeyUp: v,
+  onDragStart: v
+}, Y = v, C = (e) => [...e.querySelectorAll('[data-cascade-focusable]:not([aria-disabled="true"])')], Z = ({ anchor: e, trigger: a, entries: o, label: i, filter: r, onClose: u }) => {
+  const d = L(null), [h, m] = S([]), [p] = S(() => ({
+    top: e.top,
+    left: e.left,
+    width: e.width,
+    height: e.height
+  }));
+  x(() => {
+    const n = a ?? (document.activeElement instanceof HTMLElement ? document.activeElement : null);
+    return () => n?.focus?.();
+  }, [a]), x(() => {
+    const n = (t) => {
+      const c = t.target;
+      !d.current?.contains(c) && !a?.contains(c) && u();
+    };
+    return document.addEventListener("pointerdown", n, !0), () => document.removeEventListener("pointerdown", n, !0);
+  }, [u, a]);
+  const f = R((n, t) => m((c) => [...c.slice(0, n), t]), []), _ = R((n) => m((t) => t.length > n ? t.slice(0, n) : t), []);
+  return W(/* @__PURE__ */ s("div", {
+    ...X,
+    ref: d,
+    className: "studio-cascade-menu",
+    onKeyDown: (n) => {
+      Y(n);
+      const t = document.activeElement, c = t?.closest(".studio-cascade-menu__panel"), g = Number(c?.dataset.cascadeDepth ?? 0);
+      if (n.key === "Escape") {
+        if (n.preventDefault(), n.stopPropagation(), g > 0) {
+          const b = d.current?.querySelector(`[data-cascade-depth="${g - 1}"] [aria-expanded="true"]`);
+          _(g - 1), b?.focus();
+        } else u();
+        return;
+      }
+      if (n.key === "Tab" && c) {
+        const b = C(c);
+        if (b.length === 0) return;
+        n.preventDefault();
+        const $ = b.indexOf(t);
+        b[n.shiftKey ? $ <= 0 ? b.length - 1 : $ - 1 : ($ + 1) % b.length]?.focus();
+        return;
+      }
+      const T = Q(n.key, t instanceof HTMLInputElement);
+      if (!T || !c) return;
+      if (n.preventDefault(), T === w.Into) {
+        if (t?.getAttribute("aria-haspopup") !== "menu") return;
+        t.click(), requestAnimationFrame(() => {
+          const b = d.current?.querySelector(`[data-cascade-depth="${g + 1}"]`);
+          b && C(b)[0]?.focus();
+        });
+        return;
+      }
+      if (T === w.Out) {
+        if (g === 0) return;
+        const b = d.current?.querySelector(`[data-cascade-depth="${g - 1}"] [aria-expanded="true"]`);
+        _(g - 1), b?.focus();
+        return;
+      }
+      const A = C(c);
+      A[V(T, A.indexOf(t), A.length)]?.focus();
+    },
+    children: /* @__PURE__ */ s(B, {
+      entries: o,
+      depth: 0,
+      anchor: p,
+      openPath: h,
+      label: i,
+      filter: r,
+      onOpen: f,
+      onCollapse: _,
+      onChosen: u
+    })
+  }), document.body);
+}, y = /* @__PURE__ */ (function(e) {
+  return e.Blueprint = "blueprint", e.Application = "application", e;
+})({}), I = (e) => ({
+  kind: l.Separator,
+  id: e,
+  label: ""
+}), z = " · ";
+function ee(e, a) {
+  return a ? (e.reference.source === O.Own ? y.Application : y.Blueprint) === a.kind && e.reference.id.toLowerCase() === a.id.toLowerCase() : !1;
+}
+function te(e, a, o, i, r) {
+  const u = (n, t, c) => ({
+    kind: l.Item,
+    id: t,
+    label: n.displayName ?? n.name,
+    checked: ee(n, a),
+    actions: [...r.onPreview ? [{
+      label: i.preview,
+      closes: !0,
+      onActivate: () => r.onPreview(n)
+    }] : [], ...c !== void 0 && r.onCopyToMine ? [{
+      label: i.copyToMine,
+      closes: !0,
+      onActivate: () => r.onCopyToMine(n)
+    }] : []],
+    onActivate: () => r.onChoose(n)
+  }), d = H(e.own, void 0, o), h = d.length > 1 || d.some((n) => n.category !== void 0), m = d.flatMap((n, t) => [...h ? [{
+    kind: l.Subheading,
+    id: `own-category-${t}`,
+    label: n.category ?? i.uncategorized
+  }] : [], ...n.templates.map((c) => u(c, `own:${c.reference.id}`))]), p = e.blueprints.map((n) => ({
+    blueprint: n,
+    categories: H(n.categories, n.blueprint, o)
+  })).filter((n) => n.categories.length > 0), f = p.length === 0 ? [] : [{
+    kind: l.Submenu,
+    id: "blueprints",
+    label: i.blueprints,
+    entries: [{
+      kind: l.Heading,
+      id: "blueprints-heading",
+      label: i.blueprints
+    }, ...p.map(({ blueprint: n, categories: t }) => ({
+      kind: l.Submenu,
+      id: `blueprint:${n.blueprint}`,
+      label: E(n),
+      entries: t.flatMap((c, g) => [{
+        kind: l.Heading,
+        id: `blueprint:${n.blueprint}:category-${g}`,
+        label: [E(n), c.category ?? i.uncategorized].join(z)
+      }, ...c.templates.map((T) => u(T, `blueprint:${n.blueprint}:${T.reference.id}`, n.blueprint))])
+    }))]
+  }], _ = [...r.onNewFromCurrent ? [{
+    kind: l.Item,
+    id: "new-from-current",
+    label: `+ ${i.newFromCurrent}`,
+    onActivate: r.onNewFromCurrent
+  }] : [], ...r.onClear ? [{
+    kind: l.Item,
+    id: "clear",
+    label: i.clear,
+    onActivate: r.onClear
+  }] : []], k = m.length === 0 && f.length === 0;
+  return [
+    ...m.length > 0 ? [{
+      kind: l.Heading,
+      id: "my-templates",
+      label: i.myTemplates
+    }, ...m] : [],
+    ...k ? [{
+      kind: l.Note,
+      id: "nothing-applies",
+      label: i.nothingApplies
+    }] : [],
+    ...f.length > 0 ? [...m.length > 0 ? [I("blueprints-separator")] : [], ...f] : [],
+    ..._.length > 0 ? [I("footer-separator"), ..._] : []
+  ];
+}
+function E(e) {
+  return e.displayName ?? e.blueprint;
+}
+function H(e, a, o) {
+  return e.map((i) => ({
+    ...i,
+    templates: i.templates.filter((r) => G(r, a, o))
+  })).filter((i) => i.templates.length > 0);
+}
+var ae = ({ anchor: e, trigger: a, applicable: o, current: i, labels: r, handlers: u, onClose: d }) => {
+  const [h, m] = S(""), p = q(() => te(o, i, h, r, u), [
+    o,
+    i,
+    h,
+    r,
+    u
+  ]);
+  return /* @__PURE__ */ s(Z, {
+    anchor: e,
+    trigger: a,
+    entries: p,
+    label: r.menu,
+    onClose: d,
+    filter: {
+      value: h,
+      placeholder: r.filter,
+      onChange: m
+    }
+  });
+}, ce = ({ applicable: e, current: a, currentLabel: o, status: i, labels: r, handlers: u, ariaLabel: d, disabled: h = !1 }) => {
+  const m = L(null), [p, f] = S();
+  return /* @__PURE__ */ N("div", {
+    className: "studio-template-picker",
+    children: [
+      /* @__PURE__ */ N("button", {
+        ref: m,
+        type: "button",
+        className: "studio-template-picker__select",
+        "aria-haspopup": "menu",
+        "aria-expanded": p !== void 0,
+        "aria-label": d,
+        disabled: h,
+        onClick: () => f((_) => _ ? void 0 : m.current?.getBoundingClientRect()),
+        children: [/* @__PURE__ */ s("span", {
+          className: "studio-template-picker__value",
+          children: o ?? r.noTemplate
+        }), /* @__PURE__ */ s("span", {
+          className: "studio-template-picker__caret",
+          "aria-hidden": "true",
+          children: "▾"
+        })]
+      }),
+      i && /* @__PURE__ */ s("span", {
+        className: "studio-template-picker__status",
+        children: i
+      }),
+      p && /* @__PURE__ */ s(ae, {
+        anchor: p,
+        trigger: m.current,
+        applicable: e,
+        current: a,
+        labels: r,
+        handlers: u,
+        onClose: () => f(void 0)
+      })
+    ]
+  });
+};
+function se({ bundles: e, profile: a, scope: o }) {
+  const i = a.layout ? [...e].reverse().flatMap((r) => [...r.layouts ?? []]).find((r) => r.name === a.layout) : void 0;
+  return {
+    scope: o ?? U.Slice,
+    ...i ? { container: {
+      name: i.name,
+      slots: i.slots
+    } } : {}
+  };
+}
+function ue(e) {
+  const a = {
+    screen: /* @__PURE__ */ new Map(),
+    dialog: /* @__PURE__ */ new Map()
+  };
+  for (const o of e) {
+    for (const i of o.screenTemplates ?? []) a.screen.set(i.name, o.manifest.name);
+    for (const i of o.dialogTemplates ?? []) a.dialog.set(i.name, o.manifest.name);
+  }
+  return e.map((o) => ({
+    manifest: o.manifest,
+    layouts: o.layouts,
+    screenTemplates: o.screenTemplates?.filter((i) => a.screen.get(i.name) === o.manifest.name),
+    dialogTemplates: o.dialogTemplates?.filter((i) => a.dialog.get(i.name) === o.manifest.name)
+  }));
+}
+export {
+  y as i,
+  se as n,
+  ce as r,
+  ue as t
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cratis/event-models",
-  "version": "0.180.0",
+  "version": "0.181.0",
   "description": "The Cratis event model board as a configurable React component.",
   "license": "MIT",
   "author": "Cratis",
@@ -58,7 +58,7 @@
     "build": "yarn g:build && yarn run -T tsc -p .frontend/tsconfig.build.json && cp Model/event-model-document.schema.json Theme/theme.css dist/ && rm -f dist/.tsbuildinfo && node ../../scripts/package-build/strip-declaration-stylesheets.mjs dist && yarn build:screen-editor",
     "build:screen-editor": "yarn run -T vite build --config .frontend/vite.screen-editor.config.ts && yarn run -T tsc -p .frontend/tsconfig.screen-editor.build.json && rm -f dist/screen-editor/.tsbuildinfo && node ../../scripts/package-build/strip-declaration-stylesheets.mjs dist/screen-editor",
     "guard:boundary": "node ../../scripts/package-guards/boundary-report.mjs --package Source/EventModels --allow eventModels --entry index.ts",
-    "guard:tarball": "node ../../scripts/package-guards/tarball-guard.mjs --package Source/EventModels --budget 2560000 --must-import @primereact/core/config",
+    "guard:tarball": "node ../../scripts/package-guards/tarball-guard.mjs --package Source/EventModels --budget 2700000 --must-import @primereact/core/config",
     "guard:self-test": "node ../../scripts/package-guards/tarball-guard.mjs --self-test && node ../../scripts/package-guards/boundary-report.mjs --self-test",
     "guard:screen-editor-boundary": "node ../../scripts/package-guards/boundary-report.mjs --package Source/Editor --allow screenEditor --entry ScreenEditor/index.ts",
     "guard:peer-floor": "node ../../scripts/package-guards/peer-floor-guard.mjs --self-test && node ../../scripts/package-guards/peer-floor-guard.mjs --package-json package.json --peer @primereact/styles --source ../Editor/ScreenEditor/Host/screenEditorPrimeReactDefaults.ts",
@@ -68,7 +68,7 @@
   "peerDependencies": {
     "@cratis/components": "^4.26.2",
     "@cratis/fundamentals": "^7.22.0",
-    "@cratis/scene": "^0.180.0",
+    "@cratis/scene": "^0.181.0",
     "@cratis/scene.blueprint.components": "^4.12.0",
     "@cratis/scene.blueprint.default": "^4.12.0",
     "@cratis/scene.components": "^4.12.0",
@@ -93,15 +93,15 @@
   "devDependencies": {
     "@cratis/components": "^4.26.2",
     "@cratis/fundamentals": "^7.22.0",
-    "@cratis/scene": "0.180.0",
-    "@cratis/scene.blueprint.components": "4.25.0",
-    "@cratis/scene.blueprint.default": "4.25.0",
-    "@cratis/scene.components": "4.25.0",
-    "@cratis/scene.engine": "4.25.0",
-    "@cratis/scene.model": "4.25.0",
-    "@cratis/scene.primereact": "4.25.0",
-    "@cratis/scene.react": "4.25.0",
-    "@cratis/scene.tailwind": "4.25.0",
+    "@cratis/scene": "0.181.0",
+    "@cratis/scene.blueprint.components": "4.30.0",
+    "@cratis/scene.blueprint.default": "4.30.0",
+    "@cratis/scene.components": "4.30.0",
+    "@cratis/scene.engine": "4.30.0",
+    "@cratis/scene.model": "4.30.0",
+    "@cratis/scene.primereact": "4.30.0",
+    "@cratis/scene.react": "4.30.0",
+    "@cratis/scene.tailwind": "4.30.0",
     "@primereact/styles": "^11.2.0",
     "chart.js": "4.5.1",
     "lucide-react": "1.52.0",

package/dist/screen-editor/ReferenceTargetEditors-COKAWO5q.js

@@ -1,19 +0,0 @@
-import { ReferenceEditor as o } from "./ReferenceEditor-BnI2Qd7H.js";
-import { jsx as i } from "react/jsx-runtime";
-var r = (t) => (e) => /* @__PURE__ */ i(o, {
-  ...e,
-  descriptor: {
-    ...e.descriptor,
-    editorOptions: {
-      ...e.descriptor.editorOptions,
-      reference: {
-        target: t,
-        ...e.descriptor.editorOptions?.reference
-      }
-    }
-  }
-}), m = r("template"), p = r("sampleData");
-export {
-  p as SampleDataEditor,
-  m as TemplateEditor
-};

package/dist/screen-editor/ScreenEditor/Inspector/TemplateBrowser.d.ts

@@ -1,13 +0,0 @@
-import type { TemplateScope } from '@cratis/scene.model';
-import { type TemplateBrowserPackage } from '../Templates/templateBrowser';
-import type { ScreenEditorStrings } from './ScreenEditorStrings';
-export interface TemplateBrowserProps {
-    packages: readonly TemplateBrowserPackage[];
-    scope: TemplateScope | undefined;
-    selected: string | undefined;
-    disabled: boolean;
-    strings: ScreenEditorStrings['properties']['templates'];
-    onSelect: (template: string | undefined) => void;
-    onPreview?: (template: string) => void;
-}
-export declare const TemplateBrowser: ({ packages, scope, selected, disabled, strings, onSelect, onPreview }: TemplateBrowserProps) => import("react").JSX.Element;

package/dist/screen-editor/ScreenEditor/Templates/TemplateInapplicability.d.ts

@@ -1,4 +0,0 @@
-export declare enum TemplateInapplicability {
-    OutOfScope = "outOfScope",
-    ShellOutsideApplication = "shellOutsideApplication"
-}

package/dist/screen-editor/ScreenEditor/Templates/templateBrowser.d.ts

@@ -1,21 +0,0 @@
-import { TemplateScope, type ScreenTemplate } from '@cratis/scene.model';
-import { TemplateInapplicability } from './TemplateInapplicability';
-export declare const applicationShellType = "ApplicationShell";
-export interface TemplateBrowserPackage {
-    manifest: {
-        name: string;
-    };
-    screenTemplates?: readonly ScreenTemplate[];
-}
-export interface TemplateBrowserEntry {
-    template: ScreenTemplate;
-    packageName: string;
-    label: string;
-    inapplicable?: TemplateInapplicability;
-}
-export interface TemplateBrowserCategory {
-    name: string;
-    entries: TemplateBrowserEntry[];
-}
-export declare function browseTemplates(packages: readonly TemplateBrowserPackage[], scope: TemplateScope | undefined, search: string): TemplateBrowserCategory[];
-export declare function inapplicabilityOf(template: ScreenTemplate, scope: TemplateScope | undefined): TemplateInapplicability | undefined;