@skhema/embed 0.1.9 → 0.1.11

package/dist/tokens-BQf5zJ3j.js

@@ -0,0 +1,333 @@
+const COMPONENT_COLORS = {
+  diagnosis: {
+    bg: "oklch(0.65 0.06 25 / 0.15)",
+    text: "oklch(0.65 0.06 25)",
+    border: "oklch(0.65 0.06 25 / 0.3)"
+  },
+  method: {
+    bg: "oklch(0.6 0.06 250 / 0.15)",
+    text: "oklch(0.6 0.06 250)",
+    border: "oklch(0.6 0.06 250 / 0.3)"
+  },
+  initiatives: {
+    bg: "oklch(0.6 0.06 155 / 0.15)",
+    text: "oklch(0.6 0.06 155)",
+    border: "oklch(0.6 0.06 155 / 0.3)"
+  },
+  measures: {
+    bg: "oklch(0.6 0.06 300 / 0.15)",
+    text: "oklch(0.6 0.06 300)",
+    border: "oklch(0.6 0.06 300 / 0.3)"
+  },
+  support: {
+    bg: "oklch(0.65 0.06 65 / 0.15)",
+    text: "oklch(0.65 0.06 65)",
+    border: "oklch(0.65 0.06 65 / 0.3)"
+  }
+};
+const CARD_PALETTE = {
+  light: {
+    cardBg: "#ffffff",
+    // hsl(0 0% 100%)
+    border: "#e2e8f0",
+    // hsl(214.3 31.8% 91.4%) — slate-200
+    text: "#020817",
+    // hsl(222.2 84% 4.9%)  — slate-950
+    textMuted: "#64748b"
+    // hsl(215.4 16.3% 46.9%) — slate-500
+  },
+  dark: {
+    cardBg: "#020817",
+    // hsl(222.2 84% 4.9%)  — slate-950
+    border: "#1e293b",
+    // hsl(217.2 32.6% 17.5%) — slate-800
+    text: "#f8fafc",
+    // hsl(210 40% 98%)     — slate-50
+    textMuted: "#94a3b8"
+    // hsl(215 20.2% 65.1%)  — slate-400
+  }
+};
+const PRIMARY_HEX = "#cd476a";
+const PRIMARY_HOVER_HEX = "#b53d5e";
+const PRIMARY_PRESSED_HEX = "#9d3552";
+const CARD_RADIUS = "4px";
+const CARD_SHADOW = "0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1)";
+const CARD_SHADOW_LG = "0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)";
+const FONT_STACK = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Inter', sans-serif";
+const MONO_STACK = "ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace";
+const CARD_VARS = {
+  light: {
+    "--skhema-bg": "hsl(0 0% 100%)",
+    "--skhema-card": "hsl(0 0% 100%)",
+    "--skhema-border": "hsl(214.3 31.8% 91.4%)",
+    "--skhema-text": "hsl(222.2 84% 4.9%)",
+    "--skhema-text-muted": "hsl(215.4 16.3% 46.9%)",
+    "--skhema-accent": "hsl(210 40% 96%)",
+    "--skhema-surface-subtle": "hsl(210 40% 97%)"
+  },
+  dark: {
+    "--skhema-bg": "hsl(222.2 84% 4.9%)",
+    "--skhema-card": "hsl(222.2 84% 4.9%)",
+    "--skhema-border": "hsl(217.2 32.6% 17.5%)",
+    "--skhema-text": "hsl(210 40% 98%)",
+    "--skhema-text-muted": "hsl(215 20.2% 65.1%)",
+    "--skhema-accent": "hsl(217.2 32.6% 17.5%)",
+    "--skhema-surface-subtle": "hsl(217.2 32.6% 12%)"
+  }
+};
+const USER_ICON_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>`;
+const ELEMENT_TYPES = {
+  KEY_CHALLENGE: {
+    value: "key_challenge",
+    label: "Key Challenge",
+    acronym: "CHL"
+  },
+  SUPPORTING_FACT: {
+    value: "supporting_fact",
+    label: "Supporting Fact",
+    acronym: "FCT"
+  },
+  IMPACT: {
+    value: "impact",
+    label: "Impact",
+    acronym: "IMP"
+  },
+  GUIDING_POLICY: {
+    value: "guiding_policy",
+    label: "Guiding Policy",
+    acronym: "POL"
+  },
+  COMPETITOR_MOVE: {
+    value: "competitor_move",
+    label: "Competitor Move",
+    acronym: "CMV"
+  },
+  SCOPE: {
+    value: "scope",
+    label: "Scope",
+    acronym: "SCP"
+  },
+  CONSTRAINT: {
+    value: "constraint",
+    label: "Constraint",
+    acronym: "CST"
+  },
+  SOLUTION: {
+    value: "solution",
+    label: "Solution",
+    acronym: "SOL"
+  },
+  ASSUMPTION_HYPOTHESIS: {
+    value: "assumption_hypothesis",
+    label: "Assumption Hypothesis",
+    acronym: "HYP"
+  },
+  EXPERIMENT: {
+    value: "experiment",
+    label: "Experiment",
+    acronym: "EXP"
+  },
+  ACTION: {
+    value: "action",
+    label: "Action",
+    acronym: "ACT"
+  },
+  INVESTMENT: {
+    value: "investment",
+    label: "Investment",
+    acronym: "INV"
+  },
+  ESTIMATE: {
+    value: "estimate",
+    label: "Estimate",
+    acronym: "EST"
+  },
+  BASELINE: {
+    value: "baseline",
+    label: "Baseline",
+    acronym: "BSL"
+  },
+  OUTCOME: {
+    value: "outcome",
+    label: "Outcome",
+    acronym: "OCM"
+  },
+  PERFORMANCE_VARIABLE: {
+    value: "performance_variable",
+    label: "Performance Variable",
+    acronym: "VAR"
+  },
+  CAPABILITY: {
+    value: "capability",
+    label: "Capability",
+    acronym: "CAP"
+  },
+  SYSTEM: {
+    value: "system",
+    label: "System",
+    acronym: "SYS"
+  },
+  PRINCIPLE: {
+    value: "principle",
+    label: "Principle",
+    acronym: "PRN"
+  }
+};
+const COMPONENT_TYPES = {
+  DIAGNOSIS: {
+    value: "diagnosis",
+    label: "Diagnosis",
+    acronym: "BD"
+  },
+  METHOD: {
+    value: "method",
+    label: "Method & Positioning",
+    acronym: "MP"
+  },
+  INITIATIVES: {
+    value: "initiatives",
+    label: "Portfolio of Initiatives",
+    acronym: "PI"
+  },
+  MEASURES: {
+    value: "measures",
+    label: "Measures",
+    acronym: "M"
+  },
+  SUPPORT: {
+    value: "support",
+    label: "Support Structures",
+    acronym: "SS"
+  }
+};
+const SKHEMA_MAPPING = {
+  elementFlow: {
+    [COMPONENT_TYPES.DIAGNOSIS.value]: [
+      ELEMENT_TYPES.KEY_CHALLENGE,
+      ELEMENT_TYPES.SUPPORTING_FACT,
+      ELEMENT_TYPES.IMPACT
+    ],
+    [COMPONENT_TYPES.METHOD.value]: [
+      ELEMENT_TYPES.GUIDING_POLICY,
+      ELEMENT_TYPES.COMPETITOR_MOVE,
+      ELEMENT_TYPES.SCOPE,
+      ELEMENT_TYPES.CONSTRAINT
+    ],
+    [COMPONENT_TYPES.INITIATIVES.value]: [
+      ELEMENT_TYPES.SOLUTION,
+      ELEMENT_TYPES.ASSUMPTION_HYPOTHESIS,
+      ELEMENT_TYPES.EXPERIMENT,
+      ELEMENT_TYPES.ACTION,
+      ELEMENT_TYPES.ESTIMATE,
+      ELEMENT_TYPES.INVESTMENT
+    ],
+    [COMPONENT_TYPES.MEASURES.value]: [
+      ELEMENT_TYPES.BASELINE,
+      ELEMENT_TYPES.OUTCOME,
+      ELEMENT_TYPES.PERFORMANCE_VARIABLE
+    ],
+    [COMPONENT_TYPES.SUPPORT.value]: [
+      ELEMENT_TYPES.CAPABILITY,
+      ELEMENT_TYPES.SYSTEM,
+      ELEMENT_TYPES.PRINCIPLE
+    ]
+  }
+};
+function isValidComponentType(componentType) {
+  const validTypes = Object.values(COMPONENT_TYPES).map((t) => t.value);
+  return validTypes.includes(componentType);
+}
+function validateElementBelongsToComponent(elementType, componentType) {
+  if (!isValidComponentType(componentType)) return false;
+  const validElements = SKHEMA_MAPPING.elementFlow[componentType];
+  if (!validElements) return false;
+  return validElements.some((e) => e.value === elementType);
+}
+function getComponentTypeLabel(componentType) {
+  const type = Object.values(COMPONENT_TYPES).find(
+    (t) => t.value === componentType
+  );
+  return type?.label || componentType;
+}
+function getComponentTypeAcronym(componentType) {
+  const type = Object.values(COMPONENT_TYPES).find(
+    (t) => t.value === componentType
+  );
+  return type?.acronym || componentType.substring(0, 2).toUpperCase();
+}
+function resolveComponentType(elementType) {
+  for (const [componentValue, elements] of Object.entries(
+    SKHEMA_MAPPING.elementFlow
+  )) {
+    if (elements.some((e) => e.value === elementType)) {
+      return componentValue;
+    }
+  }
+  return "diagnosis";
+}
+function getElementTypesForComponent(componentType) {
+  if (!isValidComponentType(componentType)) return [];
+  const elements = SKHEMA_MAPPING.elementFlow[componentType];
+  return elements?.map((e) => e.value) || [];
+}
+function isValidElementType(elementType) {
+  const validTypes = Object.values(ELEMENT_TYPES).map((type) => type.value);
+  return validTypes.includes(elementType);
+}
+function validateAttributes(element) {
+  const errors = [];
+  const elementType = element.getAttribute("element-type");
+  const contributorId = element.getAttribute("contributor-id");
+  if (!elementType) {
+    errors.push("Missing required attribute: element-type");
+  } else if (!isValidElementType(elementType)) {
+    const validTypes = Object.values(ELEMENT_TYPES).map((t) => t.value).join(", ");
+    errors.push(
+      `Invalid element-type "${elementType}". Valid types: ${validTypes}`
+    );
+  }
+  if (!contributorId) {
+    errors.push("Missing required attribute: contributor-id");
+  } else if (contributorId.trim().length === 0) {
+    errors.push("contributor-id cannot be empty");
+  }
+  return {
+    isValid: errors.length === 0,
+    errors,
+    elementType: isValidElementType(elementType || "") ? elementType : void 0,
+    contributorId: contributorId || void 0
+  };
+}
+function getElementTypeLabel(elementType) {
+  const type = Object.values(ELEMENT_TYPES).find((t) => t.value === elementType);
+  return type?.label || elementType;
+}
+function getElementTypeAcronym(elementType) {
+  const type = Object.values(ELEMENT_TYPES).find((t) => t.value === elementType);
+  return type?.acronym || elementType.substring(0, 2).toUpperCase();
+}
+export {
+  CARD_PALETTE as C,
+  FONT_STACK as F,
+  MONO_STACK as M,
+  PRIMARY_HEX as P,
+  USER_ICON_SVG as U,
+  getComponentTypeAcronym as a,
+  getComponentTypeLabel as b,
+  COMPONENT_COLORS as c,
+  CARD_RADIUS as d,
+  CARD_SHADOW as e,
+  getElementTypesForComponent as f,
+  getElementTypeLabel as g,
+  CARD_SHADOW_LG as h,
+  isValidComponentType as i,
+  PRIMARY_HOVER_HEX as j,
+  PRIMARY_PRESSED_HEX as k,
+  validateAttributes as l,
+  getElementTypeAcronym as m,
+  isValidElementType as n,
+  CARD_VARS as o,
+  resolveComponentType as r,
+  validateElementBelongsToComponent as v
+};
+//# sourceMappingURL=tokens-BQf5zJ3j.js.map

package/dist/tokens-BQf5zJ3j.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens-BQf5zJ3j.js","sources":["../src/styles/design-tokens.ts","../src/method-schema.ts","../src/utils/component-validation.ts","../src/utils/validation.ts"],"sourcesContent":["/**\n * Hardcoded color tokens for component-type badge colors.\n * Embeds can't rely on host page CSS vars, so we use inline values.\n * Source: skhema-web/src/app/globals.css oklch tokens converted to HSL-ish for browser compat.\n */\n\nexport const COMPONENT_COLORS = {\n  diagnosis: {\n    bg: 'oklch(0.65 0.06 25 / 0.15)',\n    text: 'oklch(0.65 0.06 25)',\n    border: 'oklch(0.65 0.06 25 / 0.3)',\n  },\n  method: {\n    bg: 'oklch(0.6 0.06 250 / 0.15)',\n    text: 'oklch(0.6 0.06 250)',\n    border: 'oklch(0.6 0.06 250 / 0.3)',\n  },\n  initiatives: {\n    bg: 'oklch(0.6 0.06 155 / 0.15)',\n    text: 'oklch(0.6 0.06 155)',\n    border: 'oklch(0.6 0.06 155 / 0.3)',\n  },\n  measures: {\n    bg: 'oklch(0.6 0.06 300 / 0.15)',\n    text: 'oklch(0.6 0.06 300)',\n    border: 'oklch(0.6 0.06 300 / 0.3)',\n  },\n  support: {\n    bg: 'oklch(0.65 0.06 65 / 0.15)',\n    text: 'oklch(0.65 0.06 65)',\n    border: 'oklch(0.65 0.06 65 / 0.3)',\n  },\n} as const\n\nexport type ComponentColorKey = keyof typeof COMPONENT_COLORS\n\n/**\n * Email-safe flat hex palette for the card surface, per theme. These mirror the\n * Tailwind slate values behind the `CARD_VARS` HSL tokens, pre-resolved to hex\n * because email clients ignore `<style>` / CSS vars. The card renderer\n * (`@skhema/embed/render`) inlines these so the live browser embed and email\n * share one colour system (see the \"converge on hex\" decision).\n */\nexport const CARD_PALETTE = {\n  light: {\n    cardBg: '#ffffff', // hsl(0 0% 100%)\n    border: '#e2e8f0', // hsl(214.3 31.8% 91.4%) — slate-200\n    text: '#020817', // hsl(222.2 84% 4.9%)  — slate-950\n    textMuted: '#64748b', // hsl(215.4 16.3% 46.9%) — slate-500\n  },\n  dark: {\n    cardBg: '#020817', // hsl(222.2 84% 4.9%)  — slate-950\n    border: '#1e293b', // hsl(217.2 32.6% 17.5%) — slate-800\n    text: '#f8fafc', // hsl(210 40% 98%)     — slate-50\n    textMuted: '#94a3b8', // hsl(215 20.2% 65.1%)  — slate-400\n  },\n} as const\n\nexport type CardTheme = keyof typeof CARD_PALETTE\n\n/** Save-button brand colours (hex) — match the `--skhema-primary*` HSL tokens. */\nexport const PRIMARY_HEX = '#cd476a' // hsl(344 57% 54%)\nexport const PRIMARY_HOVER_HEX = '#b53d5e' // hsl(344 50% 47%)\nexport const PRIMARY_PRESSED_HEX = '#9d3552' // hsl(343 50% 41%)\n\n/** Card geometry / typography shared by the renderer and the browser embed. */\nexport const CARD_RADIUS = '4px' // calc(0.1rem + 2px) ≈ 3.6px\nexport const CARD_SHADOW =\n  '0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1)'\nexport const CARD_SHADOW_LG =\n  '0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)'\nexport const FONT_STACK =\n  \"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Inter', sans-serif\"\nexport const MONO_STACK =\n  \"ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace\"\n\n/**\n * Shared base card CSS variables for light and dark modes.\n */\nexport const CARD_VARS = {\n  light: {\n    '--skhema-bg': 'hsl(0 0% 100%)',\n    '--skhema-card': 'hsl(0 0% 100%)',\n    '--skhema-border': 'hsl(214.3 31.8% 91.4%)',\n    '--skhema-text': 'hsl(222.2 84% 4.9%)',\n    '--skhema-text-muted': 'hsl(215.4 16.3% 46.9%)',\n    '--skhema-accent': 'hsl(210 40% 96%)',\n    '--skhema-surface-subtle': 'hsl(210 40% 97%)',\n  },\n  dark: {\n    '--skhema-bg': 'hsl(222.2 84% 4.9%)',\n    '--skhema-card': 'hsl(222.2 84% 4.9%)',\n    '--skhema-border': 'hsl(217.2 32.6% 17.5%)',\n    '--skhema-text': 'hsl(210 40% 98%)',\n    '--skhema-text-muted': 'hsl(215 20.2% 65.1%)',\n    '--skhema-accent': 'hsl(217.2 32.6% 17.5%)',\n    '--skhema-surface-subtle': 'hsl(217.2 32.6% 12%)',\n  },\n} as const\n\n/**\n * User SVG icon (inline, no external deps).\n */\nexport const USER_ICON_SVG = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"/><circle cx=\"12\" cy=\"7\" r=\"4\"/></svg>`\n","/**\n * Vendored from @skhema/types (src/schema/{elements,components,mapping}.ts).\n *\n * @skhema/types is a restricted npm package; @skhema/embed is public, so it\n * must not depend on it at install time. This is the public method vocabulary\n * (it renders verbatim in public embeds) — keep it in sync with @skhema/types\n * when the method schema changes (same pattern as\n * skhema-cli/src/lib/contribute/method-schema.ts).\n */\n\nexport const ELEMENT_TYPES = {\n  KEY_CHALLENGE: {\n    value: 'key_challenge',\n    label: 'Key Challenge',\n    acronym: 'CHL',\n  },\n  SUPPORTING_FACT: {\n    value: 'supporting_fact',\n    label: 'Supporting Fact',\n    acronym: 'FCT',\n  },\n  IMPACT: {\n    value: 'impact',\n    label: 'Impact',\n    acronym: 'IMP',\n  },\n  GUIDING_POLICY: {\n    value: 'guiding_policy',\n    label: 'Guiding Policy',\n    acronym: 'POL',\n  },\n  COMPETITOR_MOVE: {\n    value: 'competitor_move',\n    label: 'Competitor Move',\n    acronym: 'CMV',\n  },\n  SCOPE: {\n    value: 'scope',\n    label: 'Scope',\n    acronym: 'SCP',\n  },\n  CONSTRAINT: {\n    value: 'constraint',\n    label: 'Constraint',\n    acronym: 'CST',\n  },\n  SOLUTION: {\n    value: 'solution',\n    label: 'Solution',\n    acronym: 'SOL',\n  },\n  ASSUMPTION_HYPOTHESIS: {\n    value: 'assumption_hypothesis',\n    label: 'Assumption Hypothesis',\n    acronym: 'HYP',\n  },\n  EXPERIMENT: {\n    value: 'experiment',\n    label: 'Experiment',\n    acronym: 'EXP',\n  },\n  ACTION: {\n    value: 'action',\n    label: 'Action',\n    acronym: 'ACT',\n  },\n  INVESTMENT: {\n    value: 'investment',\n    label: 'Investment',\n    acronym: 'INV',\n  },\n  ESTIMATE: {\n    value: 'estimate',\n    label: 'Estimate',\n    acronym: 'EST',\n  },\n  BASELINE: {\n    value: 'baseline',\n    label: 'Baseline',\n    acronym: 'BSL',\n  },\n  OUTCOME: {\n    value: 'outcome',\n    label: 'Outcome',\n    acronym: 'OCM',\n  },\n  PERFORMANCE_VARIABLE: {\n    value: 'performance_variable',\n    label: 'Performance Variable',\n    acronym: 'VAR',\n  },\n  CAPABILITY: {\n    value: 'capability',\n    label: 'Capability',\n    acronym: 'CAP',\n  },\n  SYSTEM: {\n    value: 'system',\n    label: 'System',\n    acronym: 'SYS',\n  },\n  PRINCIPLE: {\n    value: 'principle',\n    label: 'Principle',\n    acronym: 'PRN',\n  },\n} as const\n\nexport const COMPONENT_TYPES = {\n  DIAGNOSIS: {\n    value: 'diagnosis',\n    label: 'Diagnosis',\n    acronym: 'BD',\n  },\n  METHOD: {\n    value: 'method',\n    label: 'Method & Positioning',\n    acronym: 'MP',\n  },\n  INITIATIVES: {\n    value: 'initiatives',\n    label: 'Portfolio of Initiatives',\n    acronym: 'PI',\n  },\n  MEASURES: {\n    value: 'measures',\n    label: 'Measures',\n    acronym: 'M',\n  },\n  SUPPORT: {\n    value: 'support',\n    label: 'Support Structures',\n    acronym: 'SS',\n  },\n} as const\n\nexport const SKHEMA_MAPPING = {\n  componentFlow: [\n    COMPONENT_TYPES.DIAGNOSIS,\n    COMPONENT_TYPES.METHOD,\n    COMPONENT_TYPES.INITIATIVES,\n    COMPONENT_TYPES.MEASURES,\n    COMPONENT_TYPES.SUPPORT,\n  ] as const,\n\n  elementFlow: {\n    [COMPONENT_TYPES.DIAGNOSIS.value]: [\n      ELEMENT_TYPES.KEY_CHALLENGE,\n      ELEMENT_TYPES.SUPPORTING_FACT,\n      ELEMENT_TYPES.IMPACT,\n    ],\n    [COMPONENT_TYPES.METHOD.value]: [\n      ELEMENT_TYPES.GUIDING_POLICY,\n      ELEMENT_TYPES.COMPETITOR_MOVE,\n      ELEMENT_TYPES.SCOPE,\n      ELEMENT_TYPES.CONSTRAINT,\n    ],\n    [COMPONENT_TYPES.INITIATIVES.value]: [\n      ELEMENT_TYPES.SOLUTION,\n      ELEMENT_TYPES.ASSUMPTION_HYPOTHESIS,\n      ELEMENT_TYPES.EXPERIMENT,\n      ELEMENT_TYPES.ACTION,\n      ELEMENT_TYPES.ESTIMATE,\n      ELEMENT_TYPES.INVESTMENT,\n    ],\n    [COMPONENT_TYPES.MEASURES.value]: [\n      ELEMENT_TYPES.BASELINE,\n      ELEMENT_TYPES.OUTCOME,\n      ELEMENT_TYPES.PERFORMANCE_VARIABLE,\n    ],\n    [COMPONENT_TYPES.SUPPORT.value]: [\n      ELEMENT_TYPES.CAPABILITY,\n      ELEMENT_TYPES.SYSTEM,\n      ELEMENT_TYPES.PRINCIPLE,\n    ],\n  } as const,\n} as const\n\nexport type ElementType = (typeof ELEMENT_TYPES)[keyof typeof ELEMENT_TYPES]\nexport type ElementValue = ElementType['value']\nexport type ComponentType =\n  (typeof COMPONENT_TYPES)[keyof typeof COMPONENT_TYPES]\nexport type ComponentValue = ComponentType['value']\n","import type { ComponentValue, ElementValue } from '../method-schema.js'\nimport { COMPONENT_TYPES, SKHEMA_MAPPING } from '../method-schema.js'\n\n/**\n * Validate that a string is a valid component type.\n */\nexport function isValidComponentType(\n  componentType: string\n): componentType is ComponentValue {\n  const validTypes = Object.values(COMPONENT_TYPES).map((t) => t.value)\n  return validTypes.includes(componentType as ComponentValue)\n}\n\n/**\n * Validate that an element type belongs to the given component type.\n */\nexport function validateElementBelongsToComponent(\n  elementType: string,\n  componentType: string\n): boolean {\n  if (!isValidComponentType(componentType)) return false\n\n  const validElements =\n    SKHEMA_MAPPING.elementFlow[\n      componentType as keyof typeof SKHEMA_MAPPING.elementFlow\n    ]\n  if (!validElements) return false\n\n  return validElements.some((e) => e.value === elementType)\n}\n\n/**\n * Get the human-readable label for a component type.\n */\nexport function getComponentTypeLabel(componentType: string): string {\n  const type = Object.values(COMPONENT_TYPES).find(\n    (t) => t.value === componentType\n  )\n  return type?.label || componentType\n}\n\n/**\n * Get the acronym for a component type (e.g., 'BD' for diagnosis).\n */\nexport function getComponentTypeAcronym(componentType: string): string {\n  const type = Object.values(COMPONENT_TYPES).find(\n    (t) => t.value === componentType\n  )\n  return type?.acronym || componentType.substring(0, 2).toUpperCase()\n}\n\n/**\n * Resolve which component type an element belongs to.\n * Returns the component value, or 'diagnosis' as fallback.\n */\nexport function resolveComponentType(elementType: string): ComponentValue {\n  for (const [componentValue, elements] of Object.entries(\n    SKHEMA_MAPPING.elementFlow\n  )) {\n    if (elements.some((e) => e.value === elementType)) {\n      return componentValue as ComponentValue\n    }\n  }\n  return 'diagnosis'\n}\n\n/**\n * Get all valid element types for a given component, ordered per the mapping.\n */\nexport function getElementTypesForComponent(\n  componentType: string\n): ElementValue[] {\n  if (!isValidComponentType(componentType)) return []\n  const elements =\n    SKHEMA_MAPPING.elementFlow[\n      componentType as keyof typeof SKHEMA_MAPPING.elementFlow\n    ]\n  return elements?.map((e) => e.value) || []\n}\n","import type { ElementValue } from '../method-schema.js'\nimport { ELEMENT_TYPES } from '../method-schema.js'\n\nexport function isValidElementType(\n  elementType: string\n): elementType is ElementValue {\n  const validTypes = Object.values(ELEMENT_TYPES).map((type) => type.value)\n  return validTypes.includes(elementType as ElementValue)\n}\n\nexport function validateAttributes(element: HTMLElement): {\n  isValid: boolean\n  errors: string[]\n  elementType?: ElementValue\n  contributorId?: string\n} {\n  const errors: string[] = []\n\n  const elementType = element.getAttribute('element-type')\n  const contributorId = element.getAttribute('contributor-id')\n\n  if (!elementType) {\n    errors.push('Missing required attribute: element-type')\n  } else if (!isValidElementType(elementType)) {\n    const validTypes = Object.values(ELEMENT_TYPES)\n      .map((t) => t.value)\n      .join(', ')\n    errors.push(\n      `Invalid element-type \"${elementType}\". Valid types: ${validTypes}`\n    )\n  }\n\n  if (!contributorId) {\n    errors.push('Missing required attribute: contributor-id')\n  } else if (contributorId.trim().length === 0) {\n    errors.push('contributor-id cannot be empty')\n  }\n\n  return {\n    isValid: errors.length === 0,\n    errors,\n    elementType: isValidElementType(elementType || '')\n      ? (elementType as ElementValue)\n      : undefined,\n    contributorId: contributorId || undefined,\n  }\n}\n\nexport function getElementTypeLabel(elementType: ElementValue): string {\n  const type = Object.values(ELEMENT_TYPES).find((t) => t.value === elementType)\n  return type?.label || elementType\n}\n\nexport function getElementTypeAcronym(elementType: ElementValue): string {\n  const type = Object.values(ELEMENT_TYPES).find((t) => t.value === elementType)\n  return type?.acronym || elementType.substring(0, 2).toUpperCase()\n}\n"],"names":[],"mappings":"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"}